diff --git a/Paper/gtk-3.0/README.md b/Paper/README.md similarity index 100% rename from Paper/gtk-3.0/README.md rename to Paper/README.md diff --git a/Paper/assets/checkbox-checked-active.png b/Paper/assets/checkbox-checked-active.png new file mode 100644 index 0000000..e54e161 Binary files /dev/null and b/Paper/assets/checkbox-checked-active.png differ diff --git a/Paper/assets/checkbox-checked-active@2.png b/Paper/assets/checkbox-checked-active@2.png new file mode 100644 index 0000000..70cd411 Binary files /dev/null and b/Paper/assets/checkbox-checked-active@2.png differ diff --git a/Paper/assets/checkbox-checked-backdrop-dark.png b/Paper/assets/checkbox-checked-backdrop-dark.png new file mode 100644 index 0000000..fe221b6 Binary files /dev/null and b/Paper/assets/checkbox-checked-backdrop-dark.png differ diff --git a/Paper/assets/checkbox-checked-backdrop-dark@2.png b/Paper/assets/checkbox-checked-backdrop-dark@2.png new file mode 100644 index 0000000..4ad016f Binary files /dev/null and b/Paper/assets/checkbox-checked-backdrop-dark@2.png differ diff --git a/Paper/assets/checkbox-checked-backdrop.png b/Paper/assets/checkbox-checked-backdrop.png new file mode 100644 index 0000000..0b0297d Binary files /dev/null and b/Paper/assets/checkbox-checked-backdrop.png differ diff --git a/Paper/assets/checkbox-checked-backdrop@2.png b/Paper/assets/checkbox-checked-backdrop@2.png new file mode 100644 index 0000000..ebd98a0 Binary files /dev/null and b/Paper/assets/checkbox-checked-backdrop@2.png differ diff --git a/Paper/assets/checkbox-checked-dark.png b/Paper/assets/checkbox-checked-dark.png new file mode 100644 index 0000000..f01ee5b Binary files /dev/null and b/Paper/assets/checkbox-checked-dark.png differ diff --git a/Paper/assets/checkbox-checked-dark@2.png b/Paper/assets/checkbox-checked-dark@2.png new file mode 100644 index 0000000..6a27c73 Binary files /dev/null and b/Paper/assets/checkbox-checked-dark@2.png differ diff --git a/Paper/assets/checkbox-checked-hover-dark.png b/Paper/assets/checkbox-checked-hover-dark.png new file mode 100644 index 0000000..f01ee5b Binary files /dev/null and b/Paper/assets/checkbox-checked-hover-dark.png differ diff --git a/Paper/assets/checkbox-checked-hover-dark@2.png b/Paper/assets/checkbox-checked-hover-dark@2.png new file mode 100644 index 0000000..6a27c73 Binary files /dev/null and b/Paper/assets/checkbox-checked-hover-dark@2.png differ diff --git a/Paper/assets/checkbox-checked-hover.png b/Paper/assets/checkbox-checked-hover.png new file mode 100644 index 0000000..7088cda Binary files /dev/null and b/Paper/assets/checkbox-checked-hover.png differ diff --git a/Paper/assets/checkbox-checked-hover@2.png b/Paper/assets/checkbox-checked-hover@2.png new file mode 100644 index 0000000..c1de13a Binary files /dev/null and b/Paper/assets/checkbox-checked-hover@2.png differ diff --git a/Paper/assets/checkbox-checked-insensitive-backdrop.png b/Paper/assets/checkbox-checked-insensitive-backdrop.png new file mode 100644 index 0000000..3db14f4 Binary files /dev/null and b/Paper/assets/checkbox-checked-insensitive-backdrop.png differ diff --git a/Paper/assets/checkbox-checked-insensitive-backdrop@2.png b/Paper/assets/checkbox-checked-insensitive-backdrop@2.png new file mode 100644 index 0000000..53a1402 Binary files /dev/null and b/Paper/assets/checkbox-checked-insensitive-backdrop@2.png differ diff --git a/Paper/assets/checkbox-checked-insensitive-dark.png b/Paper/assets/checkbox-checked-insensitive-dark.png new file mode 100644 index 0000000..e977c87 Binary files /dev/null and b/Paper/assets/checkbox-checked-insensitive-dark.png differ diff --git a/Paper/assets/checkbox-checked-insensitive-dark@2.png b/Paper/assets/checkbox-checked-insensitive-dark@2.png new file mode 100644 index 0000000..d5271e0 Binary files /dev/null and b/Paper/assets/checkbox-checked-insensitive-dark@2.png differ diff --git a/Paper/assets/checkbox-checked-insensitive.png b/Paper/assets/checkbox-checked-insensitive.png new file mode 100644 index 0000000..2d63294 Binary files /dev/null and b/Paper/assets/checkbox-checked-insensitive.png differ diff --git a/Paper/assets/checkbox-checked-insensitive@2.png b/Paper/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 0000000..0cca7eb Binary files /dev/null and b/Paper/assets/checkbox-checked-insensitive@2.png differ diff --git a/Paper/assets/checkbox-checked.png b/Paper/assets/checkbox-checked.png new file mode 100644 index 0000000..7088cda Binary files /dev/null and b/Paper/assets/checkbox-checked.png differ diff --git a/Paper/assets/checkbox-checked@2.png b/Paper/assets/checkbox-checked@2.png new file mode 100644 index 0000000..c1de13a Binary files /dev/null and b/Paper/assets/checkbox-checked@2.png differ diff --git a/Paper/assets/checkbox-mixed-active.png b/Paper/assets/checkbox-mixed-active.png new file mode 100644 index 0000000..217f156 Binary files /dev/null and b/Paper/assets/checkbox-mixed-active.png differ diff --git a/Paper/assets/checkbox-mixed-active@2.png b/Paper/assets/checkbox-mixed-active@2.png new file mode 100644 index 0000000..7590d5d Binary files /dev/null and b/Paper/assets/checkbox-mixed-active@2.png differ diff --git a/Paper/assets/checkbox-mixed-backdrop-dark.png b/Paper/assets/checkbox-mixed-backdrop-dark.png new file mode 100644 index 0000000..fc5da3a Binary files /dev/null and b/Paper/assets/checkbox-mixed-backdrop-dark.png differ diff --git a/Paper/assets/checkbox-mixed-backdrop-dark@2.png b/Paper/assets/checkbox-mixed-backdrop-dark@2.png new file mode 100644 index 0000000..b06555d Binary files /dev/null and b/Paper/assets/checkbox-mixed-backdrop-dark@2.png differ diff --git a/Paper/assets/checkbox-mixed-backdrop.png b/Paper/assets/checkbox-mixed-backdrop.png new file mode 100644 index 0000000..caf6f05 Binary files /dev/null and b/Paper/assets/checkbox-mixed-backdrop.png differ diff --git a/Paper/assets/checkbox-mixed-backdrop@2.png b/Paper/assets/checkbox-mixed-backdrop@2.png new file mode 100644 index 0000000..72dfeaf Binary files /dev/null and b/Paper/assets/checkbox-mixed-backdrop@2.png differ diff --git a/Paper/assets/checkbox-mixed-dark.png b/Paper/assets/checkbox-mixed-dark.png new file mode 100644 index 0000000..bf8d690 Binary files /dev/null and b/Paper/assets/checkbox-mixed-dark.png differ diff --git a/Paper/assets/checkbox-mixed-dark@2.png b/Paper/assets/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..4a06914 Binary files /dev/null and b/Paper/assets/checkbox-mixed-dark@2.png differ diff --git a/Paper/assets/checkbox-mixed-hover-dark.png b/Paper/assets/checkbox-mixed-hover-dark.png new file mode 100644 index 0000000..bf8d690 Binary files /dev/null and b/Paper/assets/checkbox-mixed-hover-dark.png differ diff --git a/Paper/assets/checkbox-mixed-hover-dark@2.png b/Paper/assets/checkbox-mixed-hover-dark@2.png new file mode 100644 index 0000000..4a06914 Binary files /dev/null and b/Paper/assets/checkbox-mixed-hover-dark@2.png differ diff --git a/Paper/assets/checkbox-mixed-hover.png b/Paper/assets/checkbox-mixed-hover.png new file mode 100644 index 0000000..19e3489 Binary files /dev/null and b/Paper/assets/checkbox-mixed-hover.png differ diff --git a/Paper/assets/checkbox-mixed-hover@2.png b/Paper/assets/checkbox-mixed-hover@2.png new file mode 100644 index 0000000..c212eed Binary files /dev/null and b/Paper/assets/checkbox-mixed-hover@2.png differ diff --git a/Paper/assets/checkbox-mixed-insensitive-backdrop.png b/Paper/assets/checkbox-mixed-insensitive-backdrop.png new file mode 100644 index 0000000..958791c Binary files /dev/null and b/Paper/assets/checkbox-mixed-insensitive-backdrop.png differ diff --git a/Paper/assets/checkbox-mixed-insensitive-backdrop@2.png b/Paper/assets/checkbox-mixed-insensitive-backdrop@2.png new file mode 100644 index 0000000..f13450d Binary files /dev/null and b/Paper/assets/checkbox-mixed-insensitive-backdrop@2.png differ diff --git a/Paper/assets/checkbox-mixed-insensitive-dark.png b/Paper/assets/checkbox-mixed-insensitive-dark.png new file mode 100644 index 0000000..2e374d9 Binary files /dev/null and b/Paper/assets/checkbox-mixed-insensitive-dark.png differ diff --git a/Paper/assets/checkbox-mixed-insensitive-dark@2.png b/Paper/assets/checkbox-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..d8cdb21 Binary files /dev/null and b/Paper/assets/checkbox-mixed-insensitive-dark@2.png differ diff --git a/Paper/assets/checkbox-mixed-insensitive.png b/Paper/assets/checkbox-mixed-insensitive.png new file mode 100644 index 0000000..f810d00 Binary files /dev/null and b/Paper/assets/checkbox-mixed-insensitive.png differ diff --git a/Paper/assets/checkbox-mixed-insensitive@2.png b/Paper/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 0000000..d040509 Binary files /dev/null and b/Paper/assets/checkbox-mixed-insensitive@2.png differ diff --git a/Paper/assets/checkbox-mixed.png b/Paper/assets/checkbox-mixed.png new file mode 100644 index 0000000..19e3489 Binary files /dev/null and b/Paper/assets/checkbox-mixed.png differ diff --git a/Paper/assets/checkbox-mixed@2.png b/Paper/assets/checkbox-mixed@2.png new file mode 100644 index 0000000..c212eed Binary files /dev/null and b/Paper/assets/checkbox-mixed@2.png differ diff --git a/Paper/assets/checkbox-unchecked-active.png b/Paper/assets/checkbox-unchecked-active.png new file mode 100644 index 0000000..9b1e47e Binary files /dev/null and b/Paper/assets/checkbox-unchecked-active.png differ diff --git a/Paper/assets/checkbox-unchecked-active@2.png b/Paper/assets/checkbox-unchecked-active@2.png new file mode 100644 index 0000000..7712761 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-active@2.png differ diff --git a/Paper/assets/checkbox-unchecked-backdrop-dark.png b/Paper/assets/checkbox-unchecked-backdrop-dark.png new file mode 100644 index 0000000..203f66f Binary files /dev/null and b/Paper/assets/checkbox-unchecked-backdrop-dark.png differ diff --git a/Paper/assets/checkbox-unchecked-backdrop-dark@2.png b/Paper/assets/checkbox-unchecked-backdrop-dark@2.png new file mode 100644 index 0000000..0d28603 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-backdrop-dark@2.png differ diff --git a/Paper/assets/checkbox-unchecked-backdrop.png b/Paper/assets/checkbox-unchecked-backdrop.png new file mode 100644 index 0000000..3a75f11 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-backdrop.png differ diff --git a/Paper/assets/checkbox-unchecked-backdrop@2.png b/Paper/assets/checkbox-unchecked-backdrop@2.png new file mode 100644 index 0000000..501c44f Binary files /dev/null and b/Paper/assets/checkbox-unchecked-backdrop@2.png differ diff --git a/Paper/assets/checkbox-unchecked-dark.png b/Paper/assets/checkbox-unchecked-dark.png new file mode 100644 index 0000000..203f66f Binary files /dev/null and b/Paper/assets/checkbox-unchecked-dark.png differ diff --git a/Paper/assets/checkbox-unchecked-dark@2.png b/Paper/assets/checkbox-unchecked-dark@2.png new file mode 100644 index 0000000..0d28603 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-dark@2.png differ diff --git a/Paper/assets/checkbox-unchecked-hover-dark.png b/Paper/assets/checkbox-unchecked-hover-dark.png new file mode 100644 index 0000000..203f66f Binary files /dev/null and b/Paper/assets/checkbox-unchecked-hover-dark.png differ diff --git a/Paper/assets/checkbox-unchecked-hover-dark@2.png b/Paper/assets/checkbox-unchecked-hover-dark@2.png new file mode 100644 index 0000000..0d28603 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-hover-dark@2.png differ diff --git a/Paper/assets/checkbox-unchecked-hover.png b/Paper/assets/checkbox-unchecked-hover.png new file mode 100644 index 0000000..2f11646 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-hover.png differ diff --git a/Paper/assets/checkbox-unchecked-hover@2.png b/Paper/assets/checkbox-unchecked-hover@2.png new file mode 100644 index 0000000..7494eeb Binary files /dev/null and b/Paper/assets/checkbox-unchecked-hover@2.png differ diff --git a/Paper/assets/checkbox-unchecked-insensitive-backdrop.png b/Paper/assets/checkbox-unchecked-insensitive-backdrop.png new file mode 100644 index 0000000..3551fb3 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-insensitive-backdrop.png differ diff --git a/Paper/assets/checkbox-unchecked-insensitive-backdrop@2.png b/Paper/assets/checkbox-unchecked-insensitive-backdrop@2.png new file mode 100644 index 0000000..9b90478 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-insensitive-backdrop@2.png differ diff --git a/Paper/assets/checkbox-unchecked-insensitive-dark.png b/Paper/assets/checkbox-unchecked-insensitive-dark.png new file mode 100644 index 0000000..203f66f Binary files /dev/null and b/Paper/assets/checkbox-unchecked-insensitive-dark.png differ diff --git a/Paper/assets/checkbox-unchecked-insensitive-dark@2.png b/Paper/assets/checkbox-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..0d28603 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-insensitive-dark@2.png differ diff --git a/Paper/assets/checkbox-unchecked-insensitive.png b/Paper/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..18e1dd1 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-insensitive.png differ diff --git a/Paper/assets/checkbox-unchecked-insensitive@2.png b/Paper/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 0000000..84bc539 Binary files /dev/null and b/Paper/assets/checkbox-unchecked-insensitive@2.png differ diff --git a/Paper/assets/checkbox-unchecked.png b/Paper/assets/checkbox-unchecked.png new file mode 100644 index 0000000..2f11646 Binary files /dev/null and b/Paper/assets/checkbox-unchecked.png differ diff --git a/Paper/assets/checkbox-unchecked@2.png b/Paper/assets/checkbox-unchecked@2.png new file mode 100644 index 0000000..7494eeb Binary files /dev/null and b/Paper/assets/checkbox-unchecked@2.png differ diff --git a/Paper/assets/radio-checked-active.png b/Paper/assets/radio-checked-active.png new file mode 100644 index 0000000..3ef2ada Binary files /dev/null and b/Paper/assets/radio-checked-active.png differ diff --git a/Paper/assets/radio-checked-active@2.png b/Paper/assets/radio-checked-active@2.png new file mode 100644 index 0000000..43d5003 Binary files /dev/null and b/Paper/assets/radio-checked-active@2.png differ diff --git a/Paper/assets/radio-checked-backdrop-dark.png b/Paper/assets/radio-checked-backdrop-dark.png new file mode 100644 index 0000000..c978055 Binary files /dev/null and b/Paper/assets/radio-checked-backdrop-dark.png differ diff --git a/Paper/assets/radio-checked-backdrop-dark@2.png b/Paper/assets/radio-checked-backdrop-dark@2.png new file mode 100644 index 0000000..d6bda83 Binary files /dev/null and b/Paper/assets/radio-checked-backdrop-dark@2.png differ diff --git a/Paper/assets/radio-checked-backdrop.png b/Paper/assets/radio-checked-backdrop.png new file mode 100644 index 0000000..1602d9f Binary files /dev/null and b/Paper/assets/radio-checked-backdrop.png differ diff --git a/Paper/assets/radio-checked-backdrop@2.png b/Paper/assets/radio-checked-backdrop@2.png new file mode 100644 index 0000000..b8771e5 Binary files /dev/null and b/Paper/assets/radio-checked-backdrop@2.png differ diff --git a/Paper/assets/radio-checked-dark.png b/Paper/assets/radio-checked-dark.png new file mode 100644 index 0000000..cad6581 Binary files /dev/null and b/Paper/assets/radio-checked-dark.png differ diff --git a/Paper/assets/radio-checked-dark@2.png b/Paper/assets/radio-checked-dark@2.png new file mode 100644 index 0000000..9096632 Binary files /dev/null and b/Paper/assets/radio-checked-dark@2.png differ diff --git a/Paper/assets/radio-checked-hover-dark.png b/Paper/assets/radio-checked-hover-dark.png new file mode 100644 index 0000000..cad6581 Binary files /dev/null and b/Paper/assets/radio-checked-hover-dark.png differ diff --git a/Paper/assets/radio-checked-hover-dark@2.png b/Paper/assets/radio-checked-hover-dark@2.png new file mode 100644 index 0000000..9096632 Binary files /dev/null and b/Paper/assets/radio-checked-hover-dark@2.png differ diff --git a/Paper/assets/radio-checked-hover.png b/Paper/assets/radio-checked-hover.png new file mode 100644 index 0000000..0aba992 Binary files /dev/null and b/Paper/assets/radio-checked-hover.png differ diff --git a/Paper/assets/radio-checked-hover@2.png b/Paper/assets/radio-checked-hover@2.png new file mode 100644 index 0000000..7da4ebb Binary files /dev/null and b/Paper/assets/radio-checked-hover@2.png differ diff --git a/Paper/assets/radio-checked-insensitive-backdrop.png b/Paper/assets/radio-checked-insensitive-backdrop.png new file mode 100644 index 0000000..ef2128e Binary files /dev/null and b/Paper/assets/radio-checked-insensitive-backdrop.png differ diff --git a/Paper/assets/radio-checked-insensitive-backdrop@2.png b/Paper/assets/radio-checked-insensitive-backdrop@2.png new file mode 100644 index 0000000..3de357a Binary files /dev/null and b/Paper/assets/radio-checked-insensitive-backdrop@2.png differ diff --git a/Paper/assets/radio-checked-insensitive-dark.png b/Paper/assets/radio-checked-insensitive-dark.png new file mode 100644 index 0000000..e8649e9 Binary files /dev/null and b/Paper/assets/radio-checked-insensitive-dark.png differ diff --git a/Paper/assets/radio-checked-insensitive-dark@2.png b/Paper/assets/radio-checked-insensitive-dark@2.png new file mode 100644 index 0000000..eb5f684 Binary files /dev/null and b/Paper/assets/radio-checked-insensitive-dark@2.png differ diff --git a/Paper/assets/radio-checked-insensitive.png b/Paper/assets/radio-checked-insensitive.png new file mode 100644 index 0000000..074cbce Binary files /dev/null and b/Paper/assets/radio-checked-insensitive.png differ diff --git a/Paper/assets/radio-checked-insensitive@2.png b/Paper/assets/radio-checked-insensitive@2.png new file mode 100644 index 0000000..29413e9 Binary files /dev/null and b/Paper/assets/radio-checked-insensitive@2.png differ diff --git a/Paper/assets/radio-checked.png b/Paper/assets/radio-checked.png new file mode 100644 index 0000000..0aba992 Binary files /dev/null and b/Paper/assets/radio-checked.png differ diff --git a/Paper/assets/radio-checked@2.png b/Paper/assets/radio-checked@2.png new file mode 100644 index 0000000..7da4ebb Binary files /dev/null and b/Paper/assets/radio-checked@2.png differ diff --git a/Paper/assets/radio-mixed-active.png b/Paper/assets/radio-mixed-active.png new file mode 100644 index 0000000..e884281 Binary files /dev/null and b/Paper/assets/radio-mixed-active.png differ diff --git a/Paper/assets/radio-mixed-active@2.png b/Paper/assets/radio-mixed-active@2.png new file mode 100644 index 0000000..eecc7c5 Binary files /dev/null and b/Paper/assets/radio-mixed-active@2.png differ diff --git a/Paper/assets/radio-mixed-backdrop-dark.png b/Paper/assets/radio-mixed-backdrop-dark.png new file mode 100644 index 0000000..f38920f Binary files /dev/null and b/Paper/assets/radio-mixed-backdrop-dark.png differ diff --git a/Paper/assets/radio-mixed-backdrop-dark@2.png b/Paper/assets/radio-mixed-backdrop-dark@2.png new file mode 100644 index 0000000..fddf98f Binary files /dev/null and b/Paper/assets/radio-mixed-backdrop-dark@2.png differ diff --git a/Paper/assets/radio-mixed-backdrop.png b/Paper/assets/radio-mixed-backdrop.png new file mode 100644 index 0000000..e0289ca Binary files /dev/null and b/Paper/assets/radio-mixed-backdrop.png differ diff --git a/Paper/assets/radio-mixed-backdrop@2.png b/Paper/assets/radio-mixed-backdrop@2.png new file mode 100644 index 0000000..e588048 Binary files /dev/null and b/Paper/assets/radio-mixed-backdrop@2.png differ diff --git a/Paper/assets/radio-mixed-dark.png b/Paper/assets/radio-mixed-dark.png new file mode 100644 index 0000000..6226591 Binary files /dev/null and b/Paper/assets/radio-mixed-dark.png differ diff --git a/Paper/assets/radio-mixed-dark@2.png b/Paper/assets/radio-mixed-dark@2.png new file mode 100644 index 0000000..64647a3 Binary files /dev/null and b/Paper/assets/radio-mixed-dark@2.png differ diff --git a/Paper/assets/radio-mixed-hover-dark.png b/Paper/assets/radio-mixed-hover-dark.png new file mode 100644 index 0000000..6226591 Binary files /dev/null and b/Paper/assets/radio-mixed-hover-dark.png differ diff --git a/Paper/assets/radio-mixed-hover-dark@2.png b/Paper/assets/radio-mixed-hover-dark@2.png new file mode 100644 index 0000000..64647a3 Binary files /dev/null and b/Paper/assets/radio-mixed-hover-dark@2.png differ diff --git a/Paper/assets/radio-mixed-hover.png b/Paper/assets/radio-mixed-hover.png new file mode 100644 index 0000000..7cfccd6 Binary files /dev/null and b/Paper/assets/radio-mixed-hover.png differ diff --git a/Paper/assets/radio-mixed-hover@2.png b/Paper/assets/radio-mixed-hover@2.png new file mode 100644 index 0000000..0a3ef70 Binary files /dev/null and b/Paper/assets/radio-mixed-hover@2.png differ diff --git a/Paper/assets/radio-mixed-insensitive-backdrop.png b/Paper/assets/radio-mixed-insensitive-backdrop.png new file mode 100644 index 0000000..2140af1 Binary files /dev/null and b/Paper/assets/radio-mixed-insensitive-backdrop.png differ diff --git a/Paper/assets/radio-mixed-insensitive-backdrop@2.png b/Paper/assets/radio-mixed-insensitive-backdrop@2.png new file mode 100644 index 0000000..9bdaa31 Binary files /dev/null and b/Paper/assets/radio-mixed-insensitive-backdrop@2.png differ diff --git a/Paper/assets/radio-mixed-insensitive-dark.png b/Paper/assets/radio-mixed-insensitive-dark.png new file mode 100644 index 0000000..6195fea Binary files /dev/null and b/Paper/assets/radio-mixed-insensitive-dark.png differ diff --git a/Paper/assets/radio-mixed-insensitive-dark@2.png b/Paper/assets/radio-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..6b27a38 Binary files /dev/null and b/Paper/assets/radio-mixed-insensitive-dark@2.png differ diff --git a/Paper/assets/radio-mixed-insensitive.png b/Paper/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000..42284b8 Binary files /dev/null and b/Paper/assets/radio-mixed-insensitive.png differ diff --git a/Paper/assets/radio-mixed-insensitive@2.png b/Paper/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000..4ff2fa6 Binary files /dev/null and b/Paper/assets/radio-mixed-insensitive@2.png differ diff --git a/Paper/assets/radio-mixed.png b/Paper/assets/radio-mixed.png new file mode 100644 index 0000000..7cfccd6 Binary files /dev/null and b/Paper/assets/radio-mixed.png differ diff --git a/Paper/assets/radio-mixed@2.png b/Paper/assets/radio-mixed@2.png new file mode 100644 index 0000000..0a3ef70 Binary files /dev/null and b/Paper/assets/radio-mixed@2.png differ diff --git a/Paper/assets/radio-unchecked-active.png b/Paper/assets/radio-unchecked-active.png new file mode 100644 index 0000000..579469b Binary files /dev/null and b/Paper/assets/radio-unchecked-active.png differ diff --git a/Paper/assets/radio-unchecked-active@2.png b/Paper/assets/radio-unchecked-active@2.png new file mode 100644 index 0000000..b3c1f64 Binary files /dev/null and b/Paper/assets/radio-unchecked-active@2.png differ diff --git a/Paper/assets/radio-unchecked-backdrop-dark.png b/Paper/assets/radio-unchecked-backdrop-dark.png new file mode 100644 index 0000000..659c82a Binary files /dev/null and b/Paper/assets/radio-unchecked-backdrop-dark.png differ diff --git a/Paper/assets/radio-unchecked-backdrop-dark@2.png b/Paper/assets/radio-unchecked-backdrop-dark@2.png new file mode 100644 index 0000000..c0865d9 Binary files /dev/null and b/Paper/assets/radio-unchecked-backdrop-dark@2.png differ diff --git a/Paper/assets/radio-unchecked-backdrop.png b/Paper/assets/radio-unchecked-backdrop.png new file mode 100644 index 0000000..5cb0451 Binary files /dev/null and b/Paper/assets/radio-unchecked-backdrop.png differ diff --git a/Paper/assets/radio-unchecked-backdrop@2.png b/Paper/assets/radio-unchecked-backdrop@2.png new file mode 100644 index 0000000..4736b9c Binary files /dev/null and b/Paper/assets/radio-unchecked-backdrop@2.png differ diff --git a/Paper/assets/radio-unchecked-dark.png b/Paper/assets/radio-unchecked-dark.png new file mode 100644 index 0000000..659c82a Binary files /dev/null and b/Paper/assets/radio-unchecked-dark.png differ diff --git a/Paper/assets/radio-unchecked-dark@2.png b/Paper/assets/radio-unchecked-dark@2.png new file mode 100644 index 0000000..c0865d9 Binary files /dev/null and b/Paper/assets/radio-unchecked-dark@2.png differ diff --git a/Paper/assets/radio-unchecked-hover-dark.png b/Paper/assets/radio-unchecked-hover-dark.png new file mode 100644 index 0000000..659c82a Binary files /dev/null and b/Paper/assets/radio-unchecked-hover-dark.png differ diff --git a/Paper/assets/radio-unchecked-hover-dark@2.png b/Paper/assets/radio-unchecked-hover-dark@2.png new file mode 100644 index 0000000..c0865d9 Binary files /dev/null and b/Paper/assets/radio-unchecked-hover-dark@2.png differ diff --git a/Paper/assets/radio-unchecked-hover.png b/Paper/assets/radio-unchecked-hover.png new file mode 100644 index 0000000..9a09ac5 Binary files /dev/null and b/Paper/assets/radio-unchecked-hover.png differ diff --git a/Paper/assets/radio-unchecked-hover@2.png b/Paper/assets/radio-unchecked-hover@2.png new file mode 100644 index 0000000..a643fa8 Binary files /dev/null and b/Paper/assets/radio-unchecked-hover@2.png differ diff --git a/Paper/assets/radio-unchecked-insensitive-backdrop.png b/Paper/assets/radio-unchecked-insensitive-backdrop.png new file mode 100644 index 0000000..f857138 Binary files /dev/null and b/Paper/assets/radio-unchecked-insensitive-backdrop.png differ diff --git a/Paper/assets/radio-unchecked-insensitive-backdrop@2.png b/Paper/assets/radio-unchecked-insensitive-backdrop@2.png new file mode 100644 index 0000000..d00605f Binary files /dev/null and b/Paper/assets/radio-unchecked-insensitive-backdrop@2.png differ diff --git a/Paper/assets/radio-unchecked-insensitive-dark.png b/Paper/assets/radio-unchecked-insensitive-dark.png new file mode 100644 index 0000000..659c82a Binary files /dev/null and b/Paper/assets/radio-unchecked-insensitive-dark.png differ diff --git a/Paper/assets/radio-unchecked-insensitive-dark@2.png b/Paper/assets/radio-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..c0865d9 Binary files /dev/null and b/Paper/assets/radio-unchecked-insensitive-dark@2.png differ diff --git a/Paper/assets/radio-unchecked-insensitive.png b/Paper/assets/radio-unchecked-insensitive.png new file mode 100644 index 0000000..b2c2786 Binary files /dev/null and b/Paper/assets/radio-unchecked-insensitive.png differ diff --git a/Paper/assets/radio-unchecked-insensitive@2.png b/Paper/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 0000000..727ed52 Binary files /dev/null and b/Paper/assets/radio-unchecked-insensitive@2.png differ diff --git a/Paper/assets/radio-unchecked.png b/Paper/assets/radio-unchecked.png new file mode 100644 index 0000000..9a09ac5 Binary files /dev/null and b/Paper/assets/radio-unchecked.png differ diff --git a/Paper/assets/radio-unchecked@2.png b/Paper/assets/radio-unchecked@2.png new file mode 100644 index 0000000..a643fa8 Binary files /dev/null and b/Paper/assets/radio-unchecked@2.png differ diff --git a/Paper/gtk-3.0/assets/scalable/bullet-symbolic.svg b/Paper/assets/scalable/bullet-symbolic.svg similarity index 100% rename from Paper/gtk-3.0/assets/scalable/bullet-symbolic.svg rename to Paper/assets/scalable/bullet-symbolic.svg diff --git a/Paper/assets/scalable/grid-selection-checked.svg b/Paper/assets/scalable/grid-selection-checked.svg new file mode 100644 index 0000000..2498934 --- /dev/null +++ b/Paper/assets/scalable/grid-selection-checked.svg @@ -0,0 +1,146 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/Paper/assets/scalable/grid-selection-unchecked.svg b/Paper/assets/scalable/grid-selection-unchecked.svg new file mode 100644 index 0000000..d7d6249 --- /dev/null +++ b/Paper/assets/scalable/grid-selection-unchecked.svg @@ -0,0 +1,140 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/assets/scalable/pane-separator-grip-prelight.svg b/Paper/assets/scalable/pane-separator-grip-prelight.svg new file mode 100644 index 0000000..d2cce28 --- /dev/null +++ b/Paper/assets/scalable/pane-separator-grip-prelight.svg @@ -0,0 +1,109 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/Paper/assets/scalable/pane-separator-grip-vertical-prelight.svg b/Paper/assets/scalable/pane-separator-grip-vertical-prelight.svg new file mode 100644 index 0000000..f1d2486 --- /dev/null +++ b/Paper/assets/scalable/pane-separator-grip-vertical-prelight.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/Paper/assets/scalable/pane-separator-grip-vertical.svg b/Paper/assets/scalable/pane-separator-grip-vertical.svg new file mode 100644 index 0000000..09c8879 --- /dev/null +++ b/Paper/assets/scalable/pane-separator-grip-vertical.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/Paper/assets/scalable/pane-separator-grip.svg b/Paper/assets/scalable/pane-separator-grip.svg new file mode 100644 index 0000000..d65cddb --- /dev/null +++ b/Paper/assets/scalable/pane-separator-grip.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-checked-dark.svg b/Paper/assets/scalable/sidebar-radio-checked-dark.svg new file mode 100644 index 0000000..84f85b2 --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-checked-dark.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-checked.svg b/Paper/assets/scalable/sidebar-radio-checked.svg new file mode 100644 index 0000000..f3b01d1 --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-checked.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-prelight.svg b/Paper/assets/scalable/sidebar-radio-prelight.svg new file mode 100644 index 0000000..4ae7f92 --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-prelight.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-selected-dark.svg b/Paper/assets/scalable/sidebar-radio-selected-dark.svg new file mode 100644 index 0000000..11253ae --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-selected-dark.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-selected-prelight.svg b/Paper/assets/scalable/sidebar-radio-selected-prelight.svg new file mode 100644 index 0000000..96a6c69 --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-selected-prelight.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-selected.svg b/Paper/assets/scalable/sidebar-radio-selected.svg new file mode 100644 index 0000000..887174e --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-selected.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/selected-checkbox-checked-dark.png b/Paper/assets/selected-checkbox-checked-dark.png new file mode 100644 index 0000000..9706934 Binary files /dev/null and b/Paper/assets/selected-checkbox-checked-dark.png differ diff --git a/Paper/assets/selected-checkbox-checked-dark@2.png b/Paper/assets/selected-checkbox-checked-dark@2.png new file mode 100644 index 0000000..ed88253 Binary files /dev/null and b/Paper/assets/selected-checkbox-checked-dark@2.png differ diff --git a/Paper/assets/selected-checkbox-checked.png b/Paper/assets/selected-checkbox-checked.png new file mode 100644 index 0000000..e54e161 Binary files /dev/null and b/Paper/assets/selected-checkbox-checked.png differ diff --git a/Paper/assets/selected-checkbox-checked@2.png b/Paper/assets/selected-checkbox-checked@2.png new file mode 100644 index 0000000..70cd411 Binary files /dev/null and b/Paper/assets/selected-checkbox-checked@2.png differ diff --git a/Paper/assets/selected-checkbox-mixed-dark.png b/Paper/assets/selected-checkbox-mixed-dark.png new file mode 100644 index 0000000..c4c0469 Binary files /dev/null and b/Paper/assets/selected-checkbox-mixed-dark.png differ diff --git a/Paper/assets/selected-checkbox-mixed-dark@2.png b/Paper/assets/selected-checkbox-mixed-dark@2.png new file mode 100644 index 0000000..8a5c7d5 Binary files /dev/null and b/Paper/assets/selected-checkbox-mixed-dark@2.png differ diff --git a/Paper/assets/selected-checkbox-mixed.png b/Paper/assets/selected-checkbox-mixed.png new file mode 100644 index 0000000..217f156 Binary files /dev/null and b/Paper/assets/selected-checkbox-mixed.png differ diff --git a/Paper/assets/selected-checkbox-mixed@2.png b/Paper/assets/selected-checkbox-mixed@2.png new file mode 100644 index 0000000..7590d5d Binary files /dev/null and b/Paper/assets/selected-checkbox-mixed@2.png differ diff --git a/Paper/assets/selected-checkbox-unchecked-dark.png b/Paper/assets/selected-checkbox-unchecked-dark.png new file mode 100644 index 0000000..c68841f Binary files /dev/null and b/Paper/assets/selected-checkbox-unchecked-dark.png differ diff --git a/Paper/assets/selected-checkbox-unchecked-dark@2.png b/Paper/assets/selected-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000..9ed8585 Binary files /dev/null and b/Paper/assets/selected-checkbox-unchecked-dark@2.png differ diff --git a/Paper/assets/selected-checkbox-unchecked.png b/Paper/assets/selected-checkbox-unchecked.png new file mode 100644 index 0000000..9b1e47e Binary files /dev/null and b/Paper/assets/selected-checkbox-unchecked.png differ diff --git a/Paper/assets/selected-checkbox-unchecked@2.png b/Paper/assets/selected-checkbox-unchecked@2.png new file mode 100644 index 0000000..7712761 Binary files /dev/null and b/Paper/assets/selected-checkbox-unchecked@2.png differ diff --git a/Paper/assets/selected-radio-checked-dark.png b/Paper/assets/selected-radio-checked-dark.png new file mode 100644 index 0000000..7417ee4 Binary files /dev/null and b/Paper/assets/selected-radio-checked-dark.png differ diff --git a/Paper/assets/selected-radio-checked-dark@2.png b/Paper/assets/selected-radio-checked-dark@2.png new file mode 100644 index 0000000..fbfd9e7 Binary files /dev/null and b/Paper/assets/selected-radio-checked-dark@2.png differ diff --git a/Paper/assets/selected-radio-checked.png b/Paper/assets/selected-radio-checked.png new file mode 100644 index 0000000..3ef2ada Binary files /dev/null and b/Paper/assets/selected-radio-checked.png differ diff --git a/Paper/assets/selected-radio-checked@2.png b/Paper/assets/selected-radio-checked@2.png new file mode 100644 index 0000000..43d5003 Binary files /dev/null and b/Paper/assets/selected-radio-checked@2.png differ diff --git a/Paper/assets/selected-radio-mixed-dark.png b/Paper/assets/selected-radio-mixed-dark.png new file mode 100644 index 0000000..fac5e31 Binary files /dev/null and b/Paper/assets/selected-radio-mixed-dark.png differ diff --git a/Paper/assets/selected-radio-mixed-dark@2.png b/Paper/assets/selected-radio-mixed-dark@2.png new file mode 100644 index 0000000..f5cff18 Binary files /dev/null and b/Paper/assets/selected-radio-mixed-dark@2.png differ diff --git a/Paper/assets/selected-radio-mixed.png b/Paper/assets/selected-radio-mixed.png new file mode 100644 index 0000000..e884281 Binary files /dev/null and b/Paper/assets/selected-radio-mixed.png differ diff --git a/Paper/assets/selected-radio-mixed@2.png b/Paper/assets/selected-radio-mixed@2.png new file mode 100644 index 0000000..eecc7c5 Binary files /dev/null and b/Paper/assets/selected-radio-mixed@2.png differ diff --git a/Paper/assets/selected-radio-unchecked-dark.png b/Paper/assets/selected-radio-unchecked-dark.png new file mode 100644 index 0000000..352d82d Binary files /dev/null and b/Paper/assets/selected-radio-unchecked-dark.png differ diff --git a/Paper/assets/selected-radio-unchecked-dark@2.png b/Paper/assets/selected-radio-unchecked-dark@2.png new file mode 100644 index 0000000..b9867d2 Binary files /dev/null and b/Paper/assets/selected-radio-unchecked-dark@2.png differ diff --git a/Paper/assets/selected-radio-unchecked.png b/Paper/assets/selected-radio-unchecked.png new file mode 100644 index 0000000..579469b Binary files /dev/null and b/Paper/assets/selected-radio-unchecked.png differ diff --git a/Paper/assets/selected-radio-unchecked@2.png b/Paper/assets/selected-radio-unchecked@2.png new file mode 100644 index 0000000..b3c1f64 Binary files /dev/null and b/Paper/assets/selected-radio-unchecked@2.png differ diff --git a/Paper/assets/selection-mode-checkbox-checked-active.png b/Paper/assets/selection-mode-checkbox-checked-active.png new file mode 100644 index 0000000..69aa4ee Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-checked-active.png differ diff --git a/Paper/assets/selection-mode-checkbox-checked-active@2.png b/Paper/assets/selection-mode-checkbox-checked-active@2.png new file mode 100644 index 0000000..c573243 Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-checked-active@2.png differ diff --git a/Paper/assets/selection-mode-checkbox-checked-backdrop.png b/Paper/assets/selection-mode-checkbox-checked-backdrop.png new file mode 100644 index 0000000..6d7f30b Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-checked-backdrop.png differ diff --git a/Paper/assets/selection-mode-checkbox-checked-backdrop@2.png b/Paper/assets/selection-mode-checkbox-checked-backdrop@2.png new file mode 100644 index 0000000..2edf6f4 Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-checked-backdrop@2.png differ diff --git a/Paper/assets/selection-mode-checkbox-checked-hover.png b/Paper/assets/selection-mode-checkbox-checked-hover.png new file mode 100644 index 0000000..67ceabd Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-checked-hover.png differ diff --git a/Paper/assets/selection-mode-checkbox-checked-hover@2.png b/Paper/assets/selection-mode-checkbox-checked-hover@2.png new file mode 100644 index 0000000..811fb36 Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-checked-hover@2.png differ diff --git a/Paper/assets/selection-mode-checkbox-checked.png b/Paper/assets/selection-mode-checkbox-checked.png new file mode 100644 index 0000000..69aa4ee Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-checked.png differ diff --git a/Paper/assets/selection-mode-checkbox-checked@2.png b/Paper/assets/selection-mode-checkbox-checked@2.png new file mode 100644 index 0000000..c573243 Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-checked@2.png differ diff --git a/Paper/assets/selection-mode-checkbox-unchecked-active.png b/Paper/assets/selection-mode-checkbox-unchecked-active.png new file mode 100644 index 0000000..0e3ad6a Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-unchecked-active.png differ diff --git a/Paper/assets/selection-mode-checkbox-unchecked-active@2.png b/Paper/assets/selection-mode-checkbox-unchecked-active@2.png new file mode 100644 index 0000000..966eccb Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-unchecked-active@2.png differ diff --git a/Paper/assets/selection-mode-checkbox-unchecked-backdrop.png b/Paper/assets/selection-mode-checkbox-unchecked-backdrop.png new file mode 100644 index 0000000..954d756 Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-unchecked-backdrop.png differ diff --git a/Paper/assets/selection-mode-checkbox-unchecked-backdrop@2.png b/Paper/assets/selection-mode-checkbox-unchecked-backdrop@2.png new file mode 100644 index 0000000..7f76060 Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-unchecked-backdrop@2.png differ diff --git a/Paper/assets/selection-mode-checkbox-unchecked-hover.png b/Paper/assets/selection-mode-checkbox-unchecked-hover.png new file mode 100644 index 0000000..2f683ae Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-unchecked-hover.png differ diff --git a/Paper/assets/selection-mode-checkbox-unchecked-hover@2.png b/Paper/assets/selection-mode-checkbox-unchecked-hover@2.png new file mode 100644 index 0000000..8ac0e77 Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-unchecked-hover@2.png differ diff --git a/Paper/assets/selection-mode-checkbox-unchecked.png b/Paper/assets/selection-mode-checkbox-unchecked.png new file mode 100644 index 0000000..0e3ad6a Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-unchecked.png differ diff --git a/Paper/assets/selection-mode-checkbox-unchecked@2.png b/Paper/assets/selection-mode-checkbox-unchecked@2.png new file mode 100644 index 0000000..966eccb Binary files /dev/null and b/Paper/assets/selection-mode-checkbox-unchecked@2.png differ diff --git a/Paper/gtk-3.0/apps.css b/Paper/gtk-3.0/apps.css new file mode 100644 index 0000000..59c7828 --- /dev/null +++ b/Paper/gtk-3.0/apps.css @@ -0,0 +1,65 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******** + * Apps * + ********/ + +@import url("apps/appcenter.css"); +@import url("apps/archive-manager.css"); +@import url("apps/baobab.css"); +@import url("apps/bijiben.css"); +@import url("apps/birdie.css"); +@import url("apps/budgie.css"); +@import url("apps/calculator.css"); +@import url("apps/calendar.css"); +@import url("apps/cheese.css"); +@import url("apps/epiphany.css"); +@import url("apps/fallback.css"); +@import url("apps/geary.css"); +@import url("apps/gedit.css"); +@import url("apps/gnome-calendar.css"); +@import url("apps/gnome-clocks.css"); +@import url("apps/gnome-contacts.css"); +@import url("apps/gnome-disks.css"); +@import url("apps/gnome-documents.css"); +@import url("apps/gnome-music.css"); +@import url("apps/gnome-photos.css"); +@import url("apps/gnome-software.css"); +@import url("apps/gnome-system-monitor.css"); +@import url("apps/gnome-terminal.css"); +@import url("apps/gnome-tweak-tool.css"); +@import url("apps/gnome-weather.css"); +@import url("apps/gnome.css"); +@import url("apps/logs.css"); +@import url("apps/midori.css"); +@import url("apps/nautilus.css"); +@import url("apps/noise.css"); +@import url("apps/pantheon-files.css"); +@import url("apps/pantheon-terminal.css"); +@import url("apps/pantheon.css"); +@import url("apps/rhythmbox.css"); +@import url("apps/scratch-text-editor.css"); +@import url("apps/settings.css"); +@import url("apps/shotwell.css"); +@import url("apps/snap.css"); +@import url("apps/synaptic.css"); +@import url("apps/unity.css"); +@import url("apps/vocal.css"); +@import url("apps/xfce.css"); +@import url("apps/yelp.css"); \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/appcenter.css b/Paper/gtk-3.0/apps/appcenter.css new file mode 100644 index 0000000..7689525 --- /dev/null +++ b/Paper/gtk-3.0/apps/appcenter.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color appcenter #378BE6; + +/********** + * Header * + **********/ + +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: @appcenter; +} + +AppCenterMainWindow .titlebar:backdrop, +AppCenterMainWindow .header-bar:backdrop { + background-color: shade(@appcenter,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/archive-manager.css b/Paper/gtk-3.0/apps/archive-manager.css new file mode 100644 index 0000000..d6efd66 --- /dev/null +++ b/Paper/gtk-3.0/apps/archive-manager.css @@ -0,0 +1,61 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color archives #A88A67; + +/********** + * Header * + **********/ + +FrWindow .header-bar, +FrWindow .titlebar { + background-color: @archives; +} + +FrWindow .header-bar:backdrop,titlebar +FrWindow .titlebar:backdrop { + background-color: shade(@archives,0.9); +} + +/* Switch */ +FrWindow .header-bar GtkSwitch.trough:active { + background-color: @archives; +} + +FrWindow GtkSwitch.trough:active { + border: 1px solid shade(@archives, 0.8); + background-color: @archives; +} + +FrWindow GtkSwitch.slider:active { + border: 1px solid shade(@archives, 0.8); +} + +FrWindow .header-bar GtkSwitch.slider:active:backdrop, +FrWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@archives, 0.9); +} + + +FrWindow .toolbar.primary-toolbar { + background-color: @archives; +} + +FrWindow .toolbar.primary-toolbar:backdrop { + background-color: shade(@archives,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/baobab.css b/Paper/gtk-3.0/apps/baobab.css new file mode 100644 index 0000000..2908188 --- /dev/null +++ b/Paper/gtk-3.0/apps/baobab.css @@ -0,0 +1,53 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color baobab #CC5E55; + +/********** + * Header * + **********/ + +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: @baobab; +} + +BaobabWindow .titlebar:backdrop, +BaobabWindow .header-bar:backdrop { + background-color: shade(@baobab,0.9); +} + + +/* Toolbar */ +.baobab-toolbar.toolbar { + border-color: shade (@background, 0.9); + border-style: solid; + border-width: 0 0 1px 0; + border-radius: 0; +} + +/* Cell */ +.cell.baobab-level-cell, +.cell.baobab-level-cell:hover, +.cell.baobab-level-cell:selected, +.cell.baobab-level-cell:selected:hover { + border-color: alpha(#000, 0.06); + border-width: 1px; + border-style: solid; + background-color: @base; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/bijiben.css b/Paper/gtk-3.0/apps/bijiben.css new file mode 100644 index 0000000..7d10b07 --- /dev/null +++ b/Paper/gtk-3.0/apps/bijiben.css @@ -0,0 +1,39 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color bijiben #ebdd4d; + + +/********** + * Header * + **********/ + +BjbMainToolbar, +BjbWindowBase .header-bar, +BjbWindowBase .titlebar { + background-color: @bijiben; + color: @header_text_dark; +} + + +BjbMainToolbar:backdrop, +BjbWindowBase .header-bar:backdrop, +BjbWindowBase .titlebar:backdrop { + background-color: shade(@bijiben,0.9); + color: @backdrop_header_text_dark; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/birdie.css b/Paper/gtk-3.0/apps/birdie.css new file mode 100644 index 0000000..95a8c0e --- /dev/null +++ b/Paper/gtk-3.0/apps/birdie.css @@ -0,0 +1,75 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color birdie #3998E7; + +/********** + * Header * + **********/ + +BirdieWidgetsUnifiedWindow .titlebar, +BirdieWidgetsUnifiedWindow .header-bar { + background-color: @birdie; +} + +BirdieWidgetsUnifiedWindow .titlebar:backdrop, +BirdieWidgetsUnifiedWindow .header-bar:backdrop { + background-color: shade(@birdie,0.9); +} + + + +BirdieWidgetsTweetList * { + background-image: none; + background: none; +} + +BirdieWidgetsUserbox { + background-color: alpha(@birdie, 0.2) +} + +/* Notebook */ +BirdieWidgetsNotebook +BirdieWidgetsNotebook .notebook .header, +BirdieWidgetsNotebook .dynamic-notebook .header { + background-color: @base; +} + +/* Active */ +BirdieWidgetsNotebook tab:active { + box-shadow:inset 0 -3px 0 0 @birdie; +} + +/*Menu Button*/ +BirdieWidgetsUnifiedWindow .titlebar .menu-button, +BirdieWidgetsUnifiedWindow .header-bar .menu-button, +BirdieWidgetsUnifiedWindow .titlebar .menu-button GtkImage, +BirdieWidgetsUnifiedWindow .header-bar .menu-button GtkImage { + padding: 0px; + padding-left: 6px; + padding-right: 6px; +} + +BirdieWidgetsUnifiedWindow .titlebar .menu-button:backdrop, +BirdieWidgetsUnifiedWindow .header-bar .menu-button:backdrop, +BirdieWidgetsUnifiedWindow .titlebar .menu-button GtkImage:backdrop, +BirdieWidgetsUnifiedWindow .header-bar .menu-button GtkImage:backdrop { + padding: 0px; + padding-left: 6px; + padding-right: 6px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/budgie.css b/Paper/gtk-3.0/apps/budgie.css new file mode 100644 index 0000000..e7365c5 --- /dev/null +++ b/Paper/gtk-3.0/apps/budgie.css @@ -0,0 +1,162 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/********** + * Budgie * + **********/ + +.budgie-panel { + background-color: alpha(black, 0.0); + background-image: none; + border-top: 1px solid alpha(white, 0.0); + border-bottom: 2px solid black; + transition: 100ms ease-out; +} + +.max-budgie-panel { + background-color: alpha(black, 0.7); + border-top: 1px solid alpha(white, 0.2); + border-bottom: 2px solid black; + transition: 100ms ease-in; +} + + +/* top panel */ +.budgie-panel.top { + border: 1px solid alpha(white, 0.0); + border-top: 2px solid black; +} + +.max-budgie-panel.top { + border: 1px solid alpha(black, 0.7); + border-top: 2px solid black; + border-bottom: 1px solid alpha(white, 0.2); +} + +/* left panel */ +.budgie-panel.left { + border: 1px solid alpha(white, 0.0); + border-left: 2px solid black; +} + +.max-budgie-panel.left { + border: 1px solid alpha(black, 0.7); + border-left: 2px solid black; + border-right: 1px solid alpha(white, 0.2); +} + +/* right panel */ +.budgie-panel.right { + border: 1px solid alpha(white, 0.0); + border-right: 2px solid black; +} + +.max-budgie-panel.right { + border: 1px solid alpha(black, 0.7); + border-right: 2px solid black; + border-left: 1px solid alpha(white, 0.2); +} + +.budgie-panel .message-area { + background-color: alpha(black, 0.2); + border: 1px solid alpha(white, 0.06); + border-radius: 6px; + text-shadow: 1px 1px alpha(black, 0.5); + icon-shadow: 1px 1px alpha(black, 0.5); + transition: 100ms ease-out; +} + +.budgie-panel .max-message-area { + background-color: alpha(black, 0.36); + border: 1px solid alpha(white, 0.2); + transition: 100ms ease-in; +} + +.budgie-panel .launcher, +PanelToplevel .launcher { + border: 2px solid alpha(white, 0.0); + background-image: none; + transition: 100ms ease-in; +} +.budgie-panel .launcher:hover, +PanelToplevel .launcher:hover { + border: 2px solid alpha(white, 0.0); + border-bottom: 2px solid alpha(white, 0.5); +} +.budgie-panel .launcher:active, +PanelToplevel .launcher:active { + border: 2px solid alpha(white, 0.0); + border-bottom: 2px solid white; +} +/* Top launchers */ +.top .launcher:hover { + border: 2px solid alpha(white, 0.0); + border-top: 2px solid alpha(white, 0.5); +} +.top .launcher:active { + border: 2px solid alpha(white, 0.0); + border-top: 2px solid white; +} + +/* Left hand side launchers */ +.left .launcher:hover { + border: 2px solid alpha(white, 0.0); + border-left: 2px solid alpha(white, 0.5); +} +.left .launcher:active { + border: 2px solid alpha(white, 0.0); + border-left: 2px solid white; +} + +/* Right hand side launchers */ +.right .launcher:hover { + border: 2px solid alpha(white, 0.0); + border-right: 2px solid alpha(white, 0.5); +} +.right .launcher:active { + border: 2px solid alpha(white, 0.0); + border-right: 2px solid white; +} + +.panel-applet { + background-image: none; + border-color: alpha(white, 0.12); + border-radius: 6px; + border: solid alpha(white, 0.1) 1px; +} +.budgie-panel .menu-icon, +.budgie-panel .menu-icon:active, +.budgie-panel .menu-icon:hover { + background-image: none; +} + +.budgie-panel * { + color: white; + icon-shadow: 1px 1px alpha(black, 0.5); +} + +.notification .priority.low { + background-color: @info; +} +.notification .priority.high { + background-color: @warning; +} +.notification .priority.critical { + background-color: @error; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/calculator.css b/Paper/gtk-3.0/apps/calculator.css new file mode 100644 index 0000000..72f1c50 --- /dev/null +++ b/Paper/gtk-3.0/apps/calculator.css @@ -0,0 +1,164 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color calculator #07ce8e; + +/************** + * Header bar * + **************/ + +PantheonCalculatorMainWindow .titlebar, +PantheonCalculatorMainWindow .header-bar, +MathWindow .titlebar, +MathWindow .header-bar { + background-color: @calculator; +} + +PantheonCalculatorMainWindow .titlebar:backdrop, +PantheonCalculatorMainWindow .header-bar:backdrop, +MathWindow .titlebar:backdrop, +MathWindow .header-bar:backdrop { + background-color: shade(@calculator,0.9); +} + +/*********** + * Buttons * + ***********/ +MathButtons .button, +MathButtons .button GtkImage, +MathButtons .button.text-button, +MathButtons .button.image-button { + background-color: transparent; + background-image: none; + border: none; + color: @calculator; + font: Bold; +} + + +MathButtons GtkComboBox, +MathButtons GtkComboBox * { + background-color: transparent; + background-image: none; + border: none; + color: @calculator; + font: Bold; +} + +MathButtons GtkComboBox:focus, +MathButtons GtkComboBox *:focus, +MathButtons .button.text-button:focus, +MathButtons .button.image-button:focus, +MathButtons .button:focus { + background-color: transparent; + background-image: none; + color: @calculator; + border: none; +} + +MathButtons GtkComboBox:hover, +MathButtons GtkComboBox *:hover, +MathButtons .button.text-button:hover, +MathButtons .button.image-button:hover, +MathButtons .button:hover { + background-color: transparent; + background-image: none; + color: @calculator; + border: none; +} + +MathButtons GtkComboBox:active, +MathButtons GtkComboBox *:active, +MathButtons .button.text-button:active, +MathButtons .button.image-button:active, +MathButtons .button:active, +MathButtons GtkComboBox:active:hover, +MathButtons GtkComboBox *:active:hover, +MathButtons .button.text-button:active:hover, +MathButtons .button.image-button:active:hover, +MathButtons .button:active:hover { + background-color: transparent; + background-image: none; + color: @calculator; + border: none; +} + +MathButtons GtkComboBox:backdrop, +MathButtons GtkComboBox *:backdrop, +MathButtons .button.text-button:backdrop, +MathButtons .button.image-button:backdrop, +MathButtons .button:backdrop { + background-color: transparent; + background-image: none; + color: shade(@calculator, 0.9); + border: none; +} + +MathButtons GtkComboBox:hover, +MathButtons GtkComboBox *:hover, +MathButtons .button.text-button:hover, +MathButtons .button.image-button:hover, +MathButtons .button:hover { + background-color: @calculator; + color: @base; + border: none; +} + +/* Images */ +MathButtons .button GtkImage { + color: @calculator; +} + +MathButtons .button:active GtkImage, +MathButtons .button:focus GtkImage, +MathButtons .button:hover GtkImage { + color: @selection_foreground; +} + +MathButtons .button:backdrop GtkImage, +MathButtons .button:backdrop:hover GtkImage, +MathButtons .button:active:backdrop GtkImage { + color: shade(@calculator, 0.9); + -gtk-image-effect: dim; +} + +MathButtons .button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +/* Labels */ +MathButtons .button GtkLabel { + color: @calculator; +} + +MathButtons .button:active GtkLabel, +MathButtons .button:focus GtkLabel, +MathButtons .button:hover GtkLabel { + color: @selection_foreground; +} + +MathButtons .button:backdrop GtkLabel, +MathButtons .button:backdrop:hover GtkLabel, +MathButtons .button:active:backdrop GtkLabel { + color: shade(@calculator, 0.9); +} + +MathButtons .button:insensitive GtkLabel { + color: @insensitive_text; +} diff --git a/Paper/gtk-3.0/apps/calendar.css b/Paper/gtk-3.0/apps/calendar.css new file mode 100644 index 0000000..d27fab1 --- /dev/null +++ b/Paper/gtk-3.0/apps/calendar.css @@ -0,0 +1,54 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color calendar #F34235; + +/********** + * Header * + **********/ + +MayaViewMayaToolbar .titlebar .header-bar, +CaliforniaHostMainWindow .header-bar, +CaliforniaHostMainWindow .titlebar { + background-color: @calendar; +} + +MayaViewMayaToolbar .titlebar .header-bar:backdrop, +CaliforniaHostMainWindow .header-bar:backdrop, +CaliforniaHostMainWindow .titlebar:backdrop { + background-color: shade(@calendar,0.9); +} + +/* Switch */ +CaliforniaHostMainWindow .header-bar GtkSwitch.trough:active { + background-color: @calendar; +} + +CaliforniaHostMainWindow GtkSwitch.trough:active { + border: 1px solid shade(@calendar, 0.8); + background-color: @calendar; +} + +CaliforniaHostMainWindow GtkSwitch.slider:active { + border: 1px solid shade(@calendar, 0.8); +} + +CaliforniaHostMainWindow .header-bar GtkSwitch.slider:active:backdrop, +CaliforniaHostMainWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@calendar, 0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/cheese.css b/Paper/gtk-3.0/apps/cheese.css new file mode 100644 index 0000000..cf05099 --- /dev/null +++ b/Paper/gtk-3.0/apps/cheese.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color cheese #ad7fa8; + +/********** + * Header * + **********/ + +CheeseWindow .titlebar, +CheeseWindow .header-bar { + background-color: @cheese; +} + +CheeseWindow .titlebar:backdrop, +CheeseWindow .header-bar:backdrop { + background-color: shade(@cheese,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/epiphany.css b/Paper/gtk-3.0/apps/epiphany.css new file mode 100644 index 0000000..29dbe07 --- /dev/null +++ b/Paper/gtk-3.0/apps/epiphany.css @@ -0,0 +1,94 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color epiphany #6573C3; + +/********** + * Header * + **********/ + +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: @epiphany; +} + +EphyWindow .titlebar:backdrop, +EphyWindow .header-bar:backdrop { + background-color: shade(@epiphany,0.9); +} + +/* Switch */ +EphyWindow .header-bar GtkSwitch.trough:active { + background-color: @epiphany; +} + +EphyWindow GtkSwitch.trough:active { + border: 1px solid shade(@epiphany, 0.8); + background-color: @epiphany; +} + +EphyWindow GtkSwitch.slider:active { + border: 1px solid shade(@epiphany, 0.8); +} + +EphyWindow .header-bar GtkSwitch.slider:active:backdrop, +EphyWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@epiphany, 0.9); +} + + +/************ + * Notebook * + ************/ + +/* Active */ +EphyWindow .notebook tab.top:active, +EphyWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @epiphany; +} + +EphyWindow .notebook tab.bottom:active, +EphyWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @epiphany; +} + +EphyWindow .notebook tab.left:active, +EphyWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @epiphany; +} + +EphyWindow .notebook tab.right:active, +EphyWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @epiphany; +} + + +/****************** + * Incognito Mode * + ******************/ + +EphyWindow .titlebar .incognito-mode, +EphyWindow .header-bar .incognito-mode { + background:none; + background-color: shade(@epiphany, 0.8); +} + +.incognito-mode .button { + background-image:none; + +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/fallback.css b/Paper/gtk-3.0/apps/fallback.css new file mode 100644 index 0000000..50d1e57 --- /dev/null +++ b/Paper/gtk-3.0/apps/fallback.css @@ -0,0 +1,99 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************ + * Fallback * + ************/ + + +/* Panel */ +PanelWidget, +PanelApplet, +PanelToplevel { + padding: 0; + background-color: #000; + background-image: none; + color: #fff; +} + +PanelApplet { + border-width: 0; +} + +PanelSeparator { + border-width: 0; + background-image: none; + color: @base; +} + +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar, +PanelApplet > GtkMenuBar.menubar.menuitem, +PanelMenuBar.menubar, +PanelMenuBar.menubar.menuitem { + -Panelpanel-icon-visible: true; + + border-width: 0; + background-color: @panel; + background-image: none; + color: @panel_text; +} + +PanelAppletFrame { + border-width: 0; + background-color: @panel; + background-image: none; +} + +PanelApplet .button { + -GtkButton-inner-border: 2; + + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: @panel; + background-image: none; + color: @base; +} + +PanelApplet .button:active { + border-width: 0 1px; + border-radius: 0; + border-color: mix(@panel, @base, 0.23); + background-color: mix(@panel, @base, 0.21); + background-image: none; + color: shade(@base, 1.08); +} + +PanelApplet .button:prelight { + border-color: mix(@panel, @base, 0.13); + background-color: mix(@panel, @base, 0.11); + background-image: none; + color: shade(@base, 1.08); +} + +PanelApplet .button:active:prelight { + border-color: mix(@panel, @base, 0.33); + background-color: mix(@panel, @base, 0.31); + background-image: none; + color: shade(@base, 1.08); +} + +WnckPager, WnckTasklist { + background-color: @panel; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/geary.css b/Paper/gtk-3.0/apps/geary.css new file mode 100644 index 0000000..eecfb1d --- /dev/null +++ b/Paper/gtk-3.0/apps/geary.css @@ -0,0 +1,65 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color geary #F2B035; + +/********** + * Header * + **********/ + +.geary-titlebar-left, .geary-titlebar-right { + background-color: @geary; +} + +.geary-titlebar-left .separator { opacity: 0; } + +.geary-titlebar-left:backdrop, .geary-titlebar-right:backdrop { + background-color: shade(@geary, 0.9); +} + +/********************* + * Conversation View * + *********************/ + +ConversationListView .view:active, +ConversationListView .view:selected { + background-color: @selection; + color: @selection_foreground; +} +ConversationListView .view:active:backdrop, +ConversationListView .view:selected:backdrop { + background-color: @backdrop_selection; + color: @backdrop_selection_foreground; +} + + +ConversationListView { + -GtkWidget-focus-line-width: 1px; + -GtkTreeView-grid-line-width: 0; +} + +ConversationListView.view.cell { + border-style: solid; + border-width: 0 0 1px 0; + border-color: alpha(#000, 0.2); +} + +ConversationListView.view.cell:selected { + color: @base; + border: 0px solid shade(@selection, 0.8); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gedit.css b/Paper/gtk-3.0/apps/gedit.css new file mode 100644 index 0000000..ab1db97 --- /dev/null +++ b/Paper/gtk-3.0/apps/gedit.css @@ -0,0 +1,175 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gedit #DC4836; + +/********** + * Header * + **********/ + +GeditWindow .titlebar, +GeditWindow .header-bar { + background-color: @gedit; +} + +GeditWindow .titlebar:backdrop, +GeditWindow .header-bar:backdrop { + background-color: shade(@gedit,0.9); +} + +/* Switch */ +GeditWindow .header-bar GtkSwitch.trough:active { + background-color: @gedit; +} + +GeditWindow GtkSwitch.trough:active { + border: 1px solid shade(@gedit, 0.8); + background-color: @gedit; +} + +GeditWindow GtkSwitch.slider:active { + border: 1px solid shade(@gedit, 0.8); +} + +GeditWindow .header-bar GtkSwitch.slider:active:backdrop, +GeditWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@gedit, 0.9); +} + + +/************ + * Notebook * + ************/ + +/* Active */ +GeditWindow .notebook tab.top:active, +GeditWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @gedit; +} + +GeditWindow .notebook tab.bottom:active, +GeditWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @gedit; +} + +GeditWindow .notebook tab.left:active, +GeditWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @gedit; +} + +GeditWindow .notebook tab.right:active, +GeditWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @gedit; +} + +/************ + * Etc etc. * + ************/ + +GeditPanel .toolbar { + border-style: none; + background: none; +} + +GeditDocumentsPanel .view { + background-color: @background; +} + +GeditPanel.vertical .notebook { + padding: 0; + border-width: 1px 0; +} + +GeditPanel.horizontal .notebook { + padding: 0; + border-width: 0 1px 1px 0; +} + +GeditWindow .notebook { + border-width: 1px 0; +} + +GeditPanel .notebook tab, +GeditWindow .notebook tab { + border-width: 0; +} + +GeditStatusComboBox .button, +GeditStatusComboBox .button:hover, +GeditStatusComboBox .button:active, +GeditStatusComboBox .button:active:hover { + padding: 1px 6px 2px 4px; + border-style: solid; + border-width: 0 1px; + border-radius: 0; +} + +GeditStatusComboBox .button:hover, +GeditStatusComboBox .button:active, +GeditStatusComboBox .button:active:hover { + border-color: shade(@background, 0.8); +} + +GeditViewFrame .gedit-search-slider { + padding: 4px; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: shade(@base, 0.8); + background-color: @base; +} + +GeditViewFrame .gedit-search-slider .not-found { + background-color: @error_background; + background-image: none; + color: @error_foreground; +} + +GeditViewFrame .gedit-search-slider .not-found:selected { + background-color: @selected_background; + color: @selection_foreground; +} + +GeditFileBrowserWidget .primary-toolbar.toolbar { + padding: 2px; + border-top: none; + background-color: @background; + background-image: none; +} + +GeditWindow .pane-separator { + background: url("../assets/scalable/pane-separator-grip.svg"); + background-repeat: no-repeat; + background-position: center; +} + +GeditWindow .pane-separator:hover { + background: url("../assets/scalable/pane-separator-grip-prelight.svg"); + background-repeat: no-repeat; + background-position: center; +} + +GeditWindow .pane-separator.vertical { + background: url("../assets/scalable/pane-separator-grip-vertical.svg"); +} + +GeditWindow .pane-separator.vertical:hover { + background: url("../assets/scalable/pane-separator-grip-vertical-prelight.svg"); + background-repeat: no-repeat; + background-position: center; +} diff --git a/Paper/gtk-3.0/apps/gnome-calendar.css b/Paper/gtk-3.0/apps/gnome-calendar.css new file mode 100644 index 0000000..7f4031c --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-calendar.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnomeCalendar #477ABF; + +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: @gnomeCalendar; +} + +GcalWindow .titlebar:backdrop, +GcalWindow .header-bar:backdrop { + background-color: shade(@gnomeCalendar,0.9); +} + +.calendar-view * { + border: 1px solid @border; +} diff --git a/Paper/gtk-3.0/apps/gnome-clocks.css b/Paper/gtk-3.0/apps/gnome-clocks.css new file mode 100644 index 0000000..04b8200 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-clocks.css @@ -0,0 +1,251 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnomeClocks #4BAE4F; + +/********** + * Header * + **********/ + +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: @gnomeClocks; +} + +ClocksWindow .titlebar:backdrop, +ClocksWindow .header-bar:backdrop { + background-color: shade(@gnomeClocks,0.9); +} + +/********** + * Frame * + **********/ + +ClocksWindow > .frame { + background-color: mix(@foreground, @background, 0.95); + box-shadow: inset 0 5px 2px -6px black; +} + +ClocksWindow > .frame:backdrop { + background-color: mix(@backdrop_foreground, @backdrop_background, 0.95); + box-shadow: none; +} + +ClocksWindow .clocks-tiles-view { + background-color: transparent; +} + +ClocksWindow .clocks-digital-renderer { + /*background-color: transparent;*/ + color: @text; +} + +ClocksWindow .clocks-digital-renderer.stripe { + font-size: 32px; +} + +/* world */ + +ClocksWindow .clocks-digital-renderer.light.stripe { + background-color: rgba(255, 255, 255, 0.4); + color: black; +} + +ClocksWindow .clocks-digital-renderer.light.stripe:prelight { + background-color: rgba(255, 255, 255, 0.6); +} + +ClocksWindow .clocks-digital-renderer.dark.stripe { + background-color: rgba(0, 0, 0, 0.4); + color: @text; +} + +ClocksWindow .clocks-digital-renderer.dark.stripe:prelight { + background-color: rgba(0, 0, 0, 0.2); +} + + +/* alarms */ + +ClocksWindow .clocks-digital-renderer.active { + background-color: @selection; + background-image: none; + color: @selection_foreground; +} + +ClocksWindow .clocks-digital-renderer.active:prelight { + background-color: @selection; + background-image: none; + text-shadow: 0 2px 2px rgba(0,0,0,0.5); + color: @selection_foreground; +} + +ClocksWindow .clocks-digital-renderer.snoozing { + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center bottom, 1.0, + from(@warning), to(shade(@warning,0.9))); + color: @text; +} + +ClocksWindow .clocks-digital-renderer.snoozing:prelight { + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center bottom, 1.0, + from(shade(@warning,1.1)), to(shade(@warning,0.99))); + text-shadow: 0 2px 2px rgba(0,0,0,0.5); + color: @text; +} + +ClocksWindow .clocks-digital-renderer.inactive { + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center bottom, 1.0, + from(shade(@insensitive_background,0.9)), to(shade(@insensitive_background,0.85))); + color: shade(@insensitive_foreground,0.9); +} + +ClocksWindow .clocks-digital-renderer.inactive:prelight { + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center bottom, 1.0, + from(shade(@insensitive_background,0.99)), to(shade(@insensitive_background,0.9))); + color: @insensitive_foreground; +} + +ClocksWindow .clocks-ampm-toggle-button { + font-size: 18px; +} + +ClocksWindow .clocks-digital-renderer.active.stripe, +ClocksWindow .clocks-digital-renderer.snoozing.stripe, +ClocksWindow .clocks-digital-renderer.inactive.stripe { + background-color: transparent; + background-image: none; +} + +ClocksWindow .clocks-standalone-label, +ClocksWindow .clocks-ringing-label { + font-size: 64px; +} + +ClocksWindow .clocks-secondary-standalone-label { + font-size: 18px; +} + +ClocksWindow .clocks-button { + font-size: 14px; +} + +ClocksWindow .clocks-alarm-setup-time { + font-size: 32px; +} + +ClocksWindow .clocks-spinbutton { + font-size: 48px; +} + +ClocksWindow .clocks-stopwatch-label, +ClocksWindow .clocks-timer-label { + font-size: 48px; + color: @text; +} + +ClocksWindow .clocks-analog-frame.trough { + color: mix(@foreground, @background, 0.85); +} + +ClocksWindow .clocks-analog-frame.progress { + color: mix(@foreground, @background, 0.5); +} + +ClocksWindow .clocks-analog-frame.progress-fast { + color: @foreground; +} + +ClocksWindow .clocks-laps-panel { + border: 0; +} + +ClocksWindow .clocks-laps-panel > .frame:dir(ltr) { + border-image: linear-gradient(to bottom, + mix(@border,@background,0.5)) + 0 0 0 1 / 20px 0px 20px 1px stretch; +} + +ClocksWindow .clocks-laps-panel > .frame:dir(rtl) { + border-image: linear-gradient(to bottom, + mix(@border,@background,0.5)) + 0 1 0 0 / 20px 1px 20px 0px stretch; +} + +ClocksWindow .clocks-laps-panel .list, +ClocksWindow .clocks-laps-panel .list-row { + background-color: transparent; +} + +ClocksWindow .clocks-laps-panel .list-row { + padding-left: 20px; + padding-right: 20px; + font-size: 14px; + border-image: linear-gradient(to bottom, + mix(@border,@background,0.5)) + 0 0 1 0 / 0 20px 1px 20px stretch; +} + +ClocksWindow .clocks-laps-panel .first-lap-row { + border-image: none; + border-color: transparent; +} + +ClocksWindow .clocks-laps-panel .lap-time { + font-weight: bold; + padding-right: 20px; +} + +/* disguise insensitive spinbuttons as normal labels */ +ClocksWindow .spinbutton .clocks-timer-label, +ClocksWindow .spinbutton .clocks-timer-label .button { + color: @foreground; +} + +ClocksWindow .spinbutton .clocks-timer-label, +ClocksWindow .spinbutton .clocks-timer-label GtkLabel { + color: @foreground; +} + +ClocksWindow .spinbutton .clocks-timer-label .button { + color: @foreground; +} + +@keyframes clocks-blink { + 0% { color: @foreground; } + 100% { color: @insensitive_foreground; } +} + +ClocksWindow .clocks-paused ClocksWindow .clocks-timer-label, +ClocksWindow .clocks-paused ClocksWindow .clocks-timer-label GtkLabel { + animation-name: clocks-blink; + animation-iteration-count: infinite; + animation-timing-function: cubic-bezier(1.0,0,0,1.0); + animation-duration: 1s; +} diff --git a/Paper/gtk-3.0/apps/gnome-contacts.css b/Paper/gtk-3.0/apps/gnome-contacts.css new file mode 100644 index 0000000..5a0464b --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-contacts.css @@ -0,0 +1,53 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnomeContacts #2095F2; + +/********** + * Header * + **********/ + +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: @gnomeContacts; +} + +ContactsWindow .titlebar:backdrop, +ContactsWindow .header-bar:backdrop { + background-color: shade(@gnomeContacts,0.9); +} + + +/* Switch */ +ContactsWindow .header-bar GtkSwitch.trough:active { + background-color: @gnomeContacts; +} + +ContactsWindow GtkSwitch.trough:active { + border: 1px solid shade(@gnomeContacts, 0.8); + background-color: @gnomeContacts; +} + +ContactsWindow GtkSwitch.slider:active { + border: 1px solid shade(@gnomeContacts, 0.8); +} + +ContactsWindow .header-bar GtkSwitch.slider:active:backdrop, +ContactsWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@gnomeContacts, 0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-disks.css b/Paper/gtk-3.0/apps/gnome-disks.css new file mode 100644 index 0000000..ff5456a --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-disks.css @@ -0,0 +1,43 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color disks #8561C5; + +/********** + * Header * + **********/ + +GduWindow, +GduWindow * { + color: #555555; +} + +GduWindow .titlebar, +GduWindow .header-bar { + background-color: @disks; +} + +GduWindow .titlebar:backdrop, +GduWindow .header-bar:backdrop { + background-color: shade(@disks,0.9); +} + +GduWindow GtkToolbar, +GduWindow .toolbar { + background-color: @disks; +} diff --git a/Paper/gtk-3.0/apps/gnome-documents.css b/Paper/gtk-3.0/apps/gnome-documents.css new file mode 100644 index 0000000..70eabd7 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-documents.css @@ -0,0 +1,143 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnome-documents #C2352A; + +/********** + * Header * + **********/ + +#Documents .titlebar, +#Documents .header-bar { + background-color: @gnome-documents; +} + +#Documents .titlebar:backdrop, +#Documents .header-bar:backdrop { + background-color: shade(@gnome-documents,0.9); +} + + +/******************* + * GNOME Documents * + *******************/ +.documents-dropdown, +.documents-dropdown .view { + background-color: shade (@background, 1.02); +} + +.documents-dropdown.frame { + padding: 6px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-radius: 0 0 5px 5px; +} + +.documents-dropdown .view.radio, +.documents-dropdown .view.radio:focused, +.documents-dropdown .view.radio:selected { + background-image: none; + background-color: alpha(@base, 0.0); +} + +.documents-dropdown .view.radio:active, +.documents-dropdown .view.radio:active:focused, +.documents-dropdown .view.radio:active:prelight { + background-image: url("assets/sidebar-radio-checked.svg"); +} + +.documents-dropdown .view.radio:prelight { + background-image: url("assets/sidebar-radio-prelight.svg"); +} + +.documents-dropdown .view.radio:active:selected, +.documents-dropdown .view.radio:active:selected:focused { + background-image: url("assets/sidebar-radio-selected.svg"); +} + +.documents-dropdown .view.radio:selected:prelight, +.documents-dropdown .view.radio:selected:focused { + background-image: url("assets/sidebar-radio-selected-prelight.svg"); +} + +.documents-load-more.button { + border-image: none; + border-color: @border; + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-scrolledwin.frame { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: @documents_emblem_background; + border-radius: 4px; + + color: @base; +} + +.documents-collection-icon { + background-color: @documents_collection_background; + border-radius: 8px; +} + +.documents-counter { + background-image: url('assets/dnd-counter.svg'); + background-size: contain; + background: none; + color: @base; + font: bold; +} + +.documents-favorite.button:active, +.documents-favorite.button:active:hover { + color: shade(@selected_background, 1.20); +} + +.documents-entry-tag { + background-color: @selection; + color: @selection_foreground; + + border-radius: 4px; + border-width: 0; + + margin: 2px; + padding: 4px; +} + +.documents-entry-tag:hover { + background-color: shade(@selection, 1.10); + color: @selection_foreground; +} + +.documents-entry-tag.button, +.documents-entry-tag.button:hover, +.documents-entry-tag.button:active, +.documents-entry-tag.button:active:hover { + background: none; + background-image: none; + border-image: none; + border-width: 0; +} + +.documents-entry-tag.button:hover { + color: shade(@selection, 2.10); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-music.css b/Paper/gtk-3.0/apps/gnome-music.css new file mode 100644 index 0000000..f22a411 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-music.css @@ -0,0 +1,172 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + + +@define-color gnomeMusic #fe9700; + +@define-color music_topbar_selection_bg_color #eb8e4d; + +@define-color music_selection_box_a #8e9c80; +@define-color music_selection_box_b #4f6838; +@define-color music_selection_box_border #3e7b05; + +@define-color music_selection_button_a #7fc141; +@define-color music_selection_button_b #47850d; +@define-color music_selection_button_c #4e9a06; + +@define-color music_selection_button_dark_a #3b3b3b; +@define-color music_selection_button_dark_b #1c1c1c; +@define-color music_selection_box_dark_border #3e7b05; + + +/********** + * Header * + **********/ + +/* Doesn't work despite the unique app name */ + +gnomemusic+window+Window .titlebar, +gnomemusic+window+Window .header-bar { + background-color: @gnomeMusic; +} + +gnomemusic+window+Window .titlebar:backdrop, +gnomemusic+window+Window .header-bar:backdrop { + background-color: shade(@music,0.9); +} + +/********* + * Music * + *********/ + +.cover { + padding-left:24px; +} + +.title { + padding-left:24px; +} + +.artist-panel-white{ + background-color: @background; +} + +.artist-panel-white:selected { + background-color: @selection; +} + +.artist-panel-dark { + background-color: #282528; +} +.artist-panel-dark:selected{ + background-color: #77757A; +} + +.playlist-controls-white { + background-color: @background; +} + +.playlist-controls-white:selected { + background-color: @selection; +} + +.playlist-controls-dark { + background-color: #282528; +} + +.playlist-controls-dark:selected { + background-color: #77757A; +} + +.playlists-list { + box-shadow: inset 0 -1px @view_separators; +} + +.songs-list { + box-shadow: inset 0 -1px shade(@borders, 1.30); + box-shadow: inset 0 1px shade(@borders, 1.30); + background-color: @background; +} + +.music-selection-mode { + background-image: -gtk-gradient(linear, left top, left bottom, + from(@music_selection_box_a), + to(@music_selection_box_b)); + color: @base; + border: solid @music_selection_box_border; + border-top-width: 1px; +} + +.music-selection-mode .button, +.music-selection-mode .button:focus { + background-image: -gtk-gradient(linear, left top, left bottom, + from(@music_selection_button_a), + color-stop(0.83, @music_selection_button_b), + to(@music_selection_button_c)); + + border: 1px solid @music_selection_box_border; + color: @base; +} + +.music-selection-mode .button.dark, +.music-selection-mode .button.dark:focus { + background-image: -gtk-gradient(linear, left top, left bottom, + from(@music_selection_button_dark_a), + to(@music_selection_button_dark_b)); + + border: 1px solid @music_selection_box_dark_border; + color: @base; +} + +.music-selection-mode .button:hover { + background-image: -gtk-gradient(linear, left top, left bottom, + from(shade(@music_selection_button_a, 1.20)), + color-stop(0.83, shade(@music_selection_button_b, 1.10)), + to(shade(@music_selection_button_c, 1.10))); +} + +.music-selection-mode .button:active, +.music-selection-mode .button:hover:active { + background-image: -gtk-gradient(linear, left top, left bottom, + from(@music_selection_button_b), + to(shade(@music_selection_button_a, 0.90))); + + border: 1px solid @music_selection_box_border; +} + +.music-selection-mode .button *:hover { + color: @base; +} + +.music-player, .music-topbar { + background-color: @background; +} + +.music-albuminfo-artist { + font-size: 15px; + font-weight: bold; +} + +.music-albuminfo-album { + font-size: 14px; + font-weight: bold; + color: mix (@foreground, @background, 0.50); +} + +.content-view { background-color: @background; } \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-photos.css b/Paper/gtk-3.0/apps/gnome-photos.css new file mode 100644 index 0000000..7df9f8b --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-photos.css @@ -0,0 +1,78 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color photos #BA174E; + +/********** + * Header * + **********/ + +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: @photos; +} + +PhotosMainWindow .titlebar:backdrop, +PhotosMainWindow .header-bar:backdrop { + background-color: shade(@photos,0.9); +} + +/* Switch */ +PhotosMainWindow .header-bar GtkSwitch.trough:active { + background-color: @photos; +} + +PhotosMainWindow GtkSwitch.trough:active { + border: 1px solid shade(@photos, 0.8); + background-color: @photos; +} + +PhotosMainWindow GtkSwitch.slider:active { + border: 1px solid shade(@photos, 0.8); +} + +PhotosMainWindow .header-bar GtkSwitch.slider:active:backdrop, +PhotosMainWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@photos, 0.9); +} + + +/************ + * Notebook * + ************/ + +/* Active */ +PhotosMainWindow .notebook tab.top:active, +PhotosMainWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @photos; +} + +PhotosMainWindow .notebook tab.bottom:active, +PhotosMainWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @photos; +} + +PhotosMainWindow .notebook tab.left:active, +PhotosMainWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @photos; +} + +PhotosMainWindow .notebook tab.right:active, +PhotosMainWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @photos; +} diff --git a/Paper/gtk-3.0/apps/gnome-software.css b/Paper/gtk-3.0/apps/gnome-software.css new file mode 100644 index 0000000..f6e2991 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-software.css @@ -0,0 +1,49 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color star #E6E663;/* star color */ +@define-color gnome-software #1A77C2; +@define-color tag #1A77C2; +@define-color kudo @selection; + + +#window_software .titlebar, +#window_software .header-bar { + background-color: @gnome-software; +} + +#window_software .titlebar:backdrop, +#window_software .header-bar:backdrop { + background-color: shade(@gnome-software,0.9); +} + + +.app-row-tag.label { + border-radius: 2px; + background-color: @tag; + background: @tag; + border:none; + color: shade(@tag, 0.8); +} + +.kudo-label.label { + border-radius: 4px; + background-color: @kudo; + border:1px solid shade(@kudo, 0.8); + color:shade(@kudo, 0.8);; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-system-monitor.css b/Paper/gtk-3.0/apps/gnome-system-monitor.css new file mode 100644 index 0000000..35bcc76 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-system-monitor.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnome-system-monitor #6fbe72; + +/********** + * Header * + **********/ + +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: @gnome-system-monitor; +} + +#gnome-system-monitor .titlebar:backdrop, +#gnome-system-monitor .header-bar:backdrop { + background-color: shade(@gnome-system-monitor,0.9); +} diff --git a/Paper/gtk-3.0/apps/gnome-terminal.css b/Paper/gtk-3.0/apps/gnome-terminal.css new file mode 100644 index 0000000..2de2640 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-terminal.css @@ -0,0 +1,130 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color terminal #dbdee0; +@define-color terminal_background alpha(#002B36, 0.9); +@define-color terminal_text #839495; +@define-color terminal_window #636E73; +@define-color terminal_window_text #dbdee0; +@define-color backdrop_terminal_window_text shade(@terminal_window_text, 0.8); +@define-color insensitive_terminal_window_text shade(@terminal_window_text, 0.95); + +/********** + * Header * + **********/ + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: @terminal_window; +} + +TerminalWindow .titlebar:backdrop, +TerminalWindow .header-bar:backdrop{ + background-color: shade(@terminal_window,0.9); +} + +/********** + * Screen * + **********/ + +TerminalScreen, +VteTerminal { + background-color: @terminal_background; + color: @terminal_text; +} + +/************* + * Scrollbar * + *************/ + +TerminalWindow .scrollbar { + background-image: none; + border-style: solid; + border: 1px solid transparent; + -GtkRange-trough-border: 2; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 6; + -GtkScrollbar-min-slider-length: 30; + + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; +} + +/* Slider */ +TerminalWindow .scrollbar.slider { + background-color: @terminal_text; + border-radius: 10px; +} + +TerminalWindow .scrollbar.slider:hover { + background-color: shade(@terminal_text, 1.1); + background-image: none; +} + +TerminalWindow .scrollbar.slider:active. +TerminalWindow .scrollbar.slider:prelight:active { + background-color: shade(@selection, 1.2); + background-image: none; +} + +TerminalWindow .scrollbar.slider:insensitive { + background-color: alpha(@insensitive_foreground, 0.2); +} + +TerminalWindow .scrollbar.slider:backdrop { + background-color: alpha(@backdrop_foreground, 0.2); +} + +TerminalWindow .scrollbar.slider.fine-tune:prelight:active { + background-image: none; + border: 3px solid transparent; +} + + +/* Troughs */ +TerminalWindow .scrollbars-junction, /* the small square between scrollbars!!! */ +TerminalWindow .scrollbar.trough { + /*border-radius: 10px;*/ + background-image: none; + background: @terminal_background; + border-width: 0; + border-image: none; +} + +TerminalWindow .scrollbar.trough:insensitive { + background: none; + border: 3px solid transparent; +} + +TerminalWindow .scrollbars-junction:backdrop, +TerminalWindow .scrollbar.trough:backdrop { + background-image: none; + background: @terminal_background; + border-width: 0; + border-radius: 0; + border-image: none; +} + +TerminalWindow .scrollbar.trough:insensitive:backdrop { + background-image: none; + background: none; + border-width: 0; + border-radius: 0; + border-image: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-tweak-tool.css b/Paper/gtk-3.0/apps/gnome-tweak-tool.css new file mode 100644 index 0000000..08c14f8 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-tweak-tool.css @@ -0,0 +1,37 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************** + * tweak-tool * + **************/ +.tweak { + color: @text; +} + +.list-row .tweak:hover { + background-color: @selection; +} + +.list-row .tweak:hover GtkLabel { + color: @selection; +} + +.tweak-startup { + border:1px solid @border; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-weather.css b/Paper/gtk-3.0/apps/gnome-weather.css new file mode 100644 index 0000000..7c96c96 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-weather.css @@ -0,0 +1,32 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +#conditions-image { + color: #fff; +} + +#temperature-label { + color: #fff; +} + +#forcast-viewport { + background: alpha(#000,0.7); + border: none; + border-radius: 4px; + color: #fff; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome.css b/Paper/gtk-3.0/apps/gnome.css new file mode 100644 index 0000000..730c922 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome.css @@ -0,0 +1,69 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; +} + + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; +} + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; +} + +SudokuView { + border: none; +} + +/************* + * gucharmap * + *************/ +GucharmapChartable { + background-color: @base; +} + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: @selected_background; + color: @selection_foreground; +} + + +/************** + * GNOME Misc * + *************/ + +ApDocView, /* Abiword */ +EogScrollView, /* Eog */ +CheeseThumbView /* Cheese */ +{ + -EogScrollView-shadow-type: none; +} diff --git a/Paper/gtk-3.0/apps/logs.css b/Paper/gtk-3.0/apps/logs.css new file mode 100644 index 0000000..a687600 --- /dev/null +++ b/Paper/gtk-3.0/apps/logs.css @@ -0,0 +1,43 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color logs #009587; + +/********** + * Header * + **********/ + +LogviewWindow .titlebar, +LogviewWindow .header-bar { + background-color: @logs; +} + +LogviewWindow .titlebar:backdrop, +LogviewWindow .header-bar:backdrop { + background-color: shade(@logs,0.9); +} + +GlWindow .titlebar, +GlWindow .header-bar { + background-color: @logs; +} + +GlWindow .titlebar:backdrop, +GlWindow .header-bar:backdrop { + background-color: shade(@logs,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/midori.css b/Paper/gtk-3.0/apps/midori.css new file mode 100644 index 0000000..4b2738d --- /dev/null +++ b/Paper/gtk-3.0/apps/midori.css @@ -0,0 +1,58 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color midori #7FC843; + +/********** + * Header * + **********/ + +MidoriBrowser .titlebar, +MidoriBrowser .header-bar { + background-color: @midori; +} + +MidoriBrowser .titlebar:backdrop, +MidoriBrowser .header-bar:backdrop { + background-color: shade(@midori,0.9); +} + +MidoriBrowser .toolbar.primary-toolbar { + background-color: @midori; +} + +MidoriBrowser .toolbar.primary-toolbar:backdrop { + background-color: shade(@midori,0.9); +} + + +MidoriBrowser .toolbar.primary-toolbar .entry, +MidoriBrowser .toolbar.primary-toolbar .entry:focus { + background-color: @midori; +} + +MidoriBrowser .toolbar.primary-toolbar .entry:backdrop, +MidoriBrowser .toolbar.primary-toolbar .entry:backdrop:focus { + background-color: @midori; background-color: shade(@midori,0.9); +} + + +MidoriBrowser .toolbar.primary-toolbar .toolbar .entry:insensitive:backdrop, +MidoriBrowser .toolbar.primary-toolbar .toolbar .entry:insensitive { + color: @insensitive_header_text; +} diff --git a/Paper/gtk-3.0/apps/nautilus.css b/Paper/gtk-3.0/apps/nautilus.css new file mode 100644 index 0000000..4a0d61d --- /dev/null +++ b/Paper/gtk-3.0/apps/nautilus.css @@ -0,0 +1,235 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color nautilus #636E73; +@define-color disk_space_unknown #888a85; +@define-color disk_space_used #9FB0B9; +@define-color disk_space_free #D8D8D8; + +/********** + * Header * + **********/ + +NautilusWindow .titlebar, +NautilusWindow .header-bar { + border: none; + background-color: @nautilus; + padding:0; + border: none; + border-radius: 0; + background-color: @header; + color: @header_text; + box-shadow: none; +} + +NautilusWindow .titlebar { + border-radius: 4px 4px 0 0; + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); +} + +NautilusWindow .titlebar:backdrop, +NautilusWindow .header-bar:backdrop { + border: none; + background-color: shade(@nautilus,0.9); +} + +NautilusWindow .header-bar GtkSwitch.trough:active { + background-color: @nautilus; +} + +NautilusWindow GtkSwitch.trough:active { + border: 1px solid shade(@nautilus, 0.8); + background-color: @nautilus; +} + +NautilusWindow GtkSwitch.slider:active { + border: 1px solid shade(@nautilus, 0.8); +} + +NautilusWindow .titlebar .entry, +NautilusWindow .header-bar .entry { + box-shadow: none; +} + +/*********** + * Sidebar * + ***********/ + +NautilusWindow .sidebar, +NautilusWindow .sidebar:backdrop { + box-shadow: none; + border-width: 0px; +} +NautilusWindow .sidebar-row { + background-color: @background; + padding-top: 1px; + padding-bottom: 1px; +} +NautilusWindow .sidebar-row:hover { + background-color: @border; +} +NautilusWindow .sidebar-row:selected GtkGrid { + background-color: @selection; +} +NautilusWindow .sidebar-icon { + padding: 10px; +} +NautilusWindow .sidebar .separator { + color: @separator +} +NautilusWindow .sidebar .separator:backdrop { + color: @backdrop_separator +} + +NautilusWindow .pane-separator { + border-color: @border; + border-right-width: 1px; +} + +/************ + * Notebook * + ************/ + +NautilusWindow .notebook .frame, +NautilusWindow .notebook .frame:backdrop { + border: none; +} + +NautilusWindow .notebook tab.top:active, +NautilusWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @nautilus; +} + +NautilusWindow .notebook tab.bottom:active, +NautilusWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @nautilus; +} + +NautilusWindow .notebook tab.left:active, +NautilusWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @nautilus; +} + +NautilusWindow .notebook tab.right:active, +NautilusWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @nautilus; +} + + +.nautilus-circular-button { + border-radius: 20px; + outline-radius: 20px; +} + + +.search-bar { + box-shadow: none; +} + +.disk-space-display { + border: 2px solid; +} + +.disk-space-display.unknown { + background-color: @disk_space_unknown; + border-color: shade(@disk_space_unknown, 0.8); +} + +.disk-space-display.used { + background-color: @disk_space_used; + border-color: shade(@disk_space_used, 0.8); +} + +.disk-space-display.free { + background-color: @disk_space_free; + border-color: shade(@disk_space_free, 0.8); +} + + +/****************** + * Desktop/Canvas * + ******************/ + +NautilusCanvasView, +NautilusCanvasView:active, +NautilusCanvasView:focus, +NautilusCanvasView:backdrop { + border: none; +} + +.nautilus-desktop { + color: @foreground; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label, +.nautilus-canvas-item.dim-label:backdrop, +.nautilus-list-dim-label:backdrop { + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +.nautilus-canvas-item.dim-label:selected, +.nautilus-list-dim-label:selected { + color: @selection_foreground; +} + +.nautilus-desktop.nautilus-canvas-item { + color: @selection_foreground; + text-shadow: 1px 1px black; +} + +.nautilus-desktop.nautilus-canvas-item:active { + color: @text; +} + +.nautilus-desktop.nautilus-canvas-item:selected { + color: @selection_foreground; +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:selected { + text-shadow: none; +} + + +.nautilus-desktop.nautilus-canvas-item { + color: #fff; + text-shadow: 1px 1px alpha(#000, 0.2); +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:backdrop +.nautilus-desktop.nautilus-canvas-item:selected { + background-color: @selected_background; + color: @selection_foreground; +} + +.nautilus-desktop.nautilus-canvas-item:selected:backdrop { + background-color: @backdrop_selected_background; + color: @backdrop_selection_foreground; +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:selected { +} diff --git a/Paper/gtk-3.0/apps/noise.css b/Paper/gtk-3.0/apps/noise.css new file mode 100644 index 0000000..d124531 --- /dev/null +++ b/Paper/gtk-3.0/apps/noise.css @@ -0,0 +1,48 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color noise #EE6020; + +/********** + * Header * + **********/ + +NoiseLibraryWindow .titlebar, +NoiseLibraryWindow .header-bar { + background-color: @noise; +} + +NoiseLibraryWindow .titlebar:backdrop, +NoiseLibraryWindow .header-bar:backdrop { + background-color: shade(@noise,0.9); +} + +NoiseWidgetsTileView { + background-color: @base; + color: @foreground; +} + +.tile-view { + background-color: @base; + color: @foreground; +} + +NoiseTopDisplay .seek-bar { + background-color: @header; + color: @header_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/pantheon-files.css b/Paper/gtk-3.0/apps/pantheon-files.css new file mode 100644 index 0000000..e1917d9 --- /dev/null +++ b/Paper/gtk-3.0/apps/pantheon-files.css @@ -0,0 +1,46 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******** +* Files * +********/ +.pathbar .entry:focus, +.marlin-pathbar .pathbar .entry:focus { + padding: 0px; + border-radius: 2px; + background-color: @base; + color: @text; + border: 1px solid @selection; + box-shadow:inset 0 1px 1px 0 alpha(#000, 0.1); +} + +.pathbar .entry:active, +.marlin-pathbar .pathbar .entry:active { + padding: 0px; + border-radius: 2px; + background-color: @base; + color: @text; + border: 1px solid @selection; + box-shadow:inset 0 1px 1px 0 alpha(#000, 0.1); +} + +.marlin-pathbar, +.marlin-pathbar .pathbar .entry .button.raised { + background-color: red; + color: red; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/pantheon-terminal.css b/Paper/gtk-3.0/apps/pantheon-terminal.css new file mode 100644 index 0000000..f927545 --- /dev/null +++ b/Paper/gtk-3.0/apps/pantheon-terminal.css @@ -0,0 +1,39 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +@define-color pantheonTerminal #3B4245; +@define-color terminal_background alpha(#002B36, 0.9); +@define-color terminal_text #839495; +@define-color terminal_window #636E73; +@define-color terminal_window_text #dbdee0; +@define-color backdrop_terminal_window_text shade(@terminal_window_text, 0.8); +@define-color insensitive_terminal_window_text shade(@terminal_window_text, 0.95); + +/* CSD */ +PantheonTerminalPantheonTerminalWindow .csd, +PantheonTerminalPantheonTerminalWindow .dynamic-notebook .notebook.header, +PantheonTerminalPantheonTerminalWindow .dynamic-notebook .notebook tab{ + background-color: @pantheonTerminal; +} + +PantheonTerminalPantheonTerminalWindow .csd:backdrop, +PantheonTerminalPantheonTerminalWindow .dynamic-notebook .notebook.header:backdrop, +PantheonTerminalPantheonTerminalWindow .dynamic-notebook .notebook tab:backdrop { + background-color: shade(@pantheonTerminal,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/pantheon.css b/Paper/gtk-3.0/apps/pantheon.css new file mode 100644 index 0000000..563f633 --- /dev/null +++ b/Paper/gtk-3.0/apps/pantheon.css @@ -0,0 +1,214 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/******** + * Gala * + *******/ + +.gala-workspaces-background { + border-top: 1px solid alpha(#fff, 0.15); + background-color: #444; + + background-image: linear-gradient(to bottom, + alpha(#000, 0.30), + transparent 6px + ); +} + +.gala-workspace-selected { + + border: 1px solid alpha(#000, 0.15); + border-radius: 4px; + background-image: linear-gradient(to bottom, + shade (@selected_background, 1.25), + shade (@selected_background, 0.98) + ); +} + +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #fff; + background-color: #fff; +} + +.gala-notification .title, .gala-notification .label { + color: @text; +} + +.gala-button { + padding: 3px; + color: #fff; + border: none; + border-radius: 100px; + background-image: linear-gradient(to bottom, + #7e7e7e, + #3e3e3e + ); + box-shadow: inset 0 0 0 1px alpha (#fff, 0.02), + inset 0 1px 0 0 alpha (#fff, 0.07), + inset 0 -1px 0 0 alpha (#fff, 0.01), + 0 0 0 1px alpha (#000, 0.40), + 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); + text-shadow: 0 1px 1px alpha (#000, 0.6); +} + +/********** + * Notify * + *********/ + +.notify { + /*-notify-shadow: 0px 2px 18px alpha(#000, 0.60);*/ + + border-radius: 5px; + border: 1px solid alpha(#000, 0.30); + + background-color: alpha(#f8f8f8, 0.95); +} + +.notify .low { +} + +.notify .critical { +} + + +/*************** + * SwitchBoard * + ***************/ + +.category-label { + font-weight: bold; + font-size: 1.04em; + color: @foreground; +} + +/********** + * Notify * + *********/ + +.notify { + /*-notify-shadow: 0px 2px 18px alpha(#000, 0.60);*/ + + border-radius: 5px; + border: 1px solid alpha(#000, 0.30); + + background-color: alpha(#f7f7f7, 0.95); +} + +.notify .low { +} + +.notify .critical { +} + + +/************* + * Slingshot * + ************/ + +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; +} + +.app:hover { + border-radius: 8px; + border: none; + background-color: alpha(@selection, 0.7); + color: white; +} + +.app:focus { + /*background-color: alpha(#000, 0.20);*/ +} + +.search-item { + border-radius: 0; + border: none; + color: @foreground; + background: none; +} + +.search-item:hover, +.search-item:focus { + border-radius: 0; + background-color: alpha(@selection, 0.7); + color: @selection_foreground; +} + + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; +} + +.search-category-header { + font-weight: bold; + color: @foreground; +} + + +/********* + * Panel * + ********/ + +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; +} + +.panel.maximized { + background-color: #000; +} + +.panel.translucent { + background-color: alpha(#000, 0.5); +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #fff; + font-weight: bold; + text-shadow: 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); + icon-shadow: 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); +} + +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > GtkRevealer { + color: alpha (#000, 0.65); + text-shadow: 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); + icon-shadow: 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); +} diff --git a/Paper/gtk-3.0/apps/rhythmbox.css b/Paper/gtk-3.0/apps/rhythmbox.css new file mode 100644 index 0000000..dbd34d1 --- /dev/null +++ b/Paper/gtk-3.0/apps/rhythmbox.css @@ -0,0 +1,25 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +RBHeader { + padding: 0px; +} + +RBLibrarySource { + padding: 0px; +} diff --git a/Paper/gtk-3.0/apps/scratch-text-editor.css b/Paper/gtk-3.0/apps/scratch-text-editor.css new file mode 100644 index 0000000..2c8dd62 --- /dev/null +++ b/Paper/gtk-3.0/apps/scratch-text-editor.css @@ -0,0 +1,78 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color scratch #e74c3c; + +/********** + * Header * + **********/ + +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: @scratch; +} + +ScratchMainWindow .titlebar:backdrop, +ScratchMainWindow .header-bar:backdrop { + background-color: shade(@scratch,0.9); +} + +/* Switch */ +ScratchMainWindow .header-bar GtkSwitch.trough:active { + background-color: @scratch; +} + +ScratchMainWindow GtkSwitch.trough:active { + border: 1px solid shade(@scratch, 0.8); + background-color: @scratch; +} + +ScratchMainWindow GtkSwitch.slider:active { + border: 1px solid shade(@scratch, 0.8); +} + +ScratchMainWindow .header-bar GtkSwitch.slider:active:backdrop, +ScratchMainWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@scratch, 0.9); +} + + +/************ + * Notebook * + ************/ + +/* Active */ +ScratchMainWindow .notebook tab.top:active, +ScratchMainWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @scratch; +} + +ScratchMainWindow .notebook tab.bottom:active, +ScratchMainWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @scratch; +} + +ScratchMainWindow .notebook tab.left:active, +ScratchMainWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @scratch; +} + +ScratchMainWindow .notebook tab.right:active, +ScratchMainWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @scratch; +} diff --git a/Paper/gtk-3.0/apps/settings.css b/Paper/gtk-3.0/apps/settings.css new file mode 100644 index 0000000..a840fe1 --- /dev/null +++ b/Paper/gtk-3.0/apps/settings.css @@ -0,0 +1,131 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color settings #5F7C8A; + +/********** + * Header * + **********/ + +CcWindow .titlebar, +CcWindow .header-bar { + background-color: @settings; +} + +CcWindow .titlebar:backdrop, +CcWindow .header-bar:backdrop { + background-color: shade(@settings,0.9); +} + +/******* + * Nav * + *******/ + +CcShellNavBar { + padding:0px; +} + +/************ + * ItemView * + ************/ + +CcShellItemView { + background: none; + border:none; +} + +CcShellItemView .button { + border:none; +} + +/************ + * Iconview * + ************/ + +CcWindow GtkIconView.view.cell { + border: none; +} + +CcWindow GtkIconView.view.cell:hover { + border: 1px solid @settings; + background-color: alpha(@settings,0.4); + color: @settings; +} + +CcWindow GtkIconView.view.cell:selected, +CcWindow GtkIconView.view.cell:selected:focus { + border: 1px solid @settings; + background-color: @settings; +} + + +/************ + * Notebook * + ************/ + +/* Active */ +CcWindow .notebook tab.top:active, +CcWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @settings; +} + +CcWindow .notebook tab.bottom:active, +CcWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @settings; +} + +CcWindow .notebook tab.left:active, +CcWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @settings; +} + +CcWindow .notebook tab.right:active, +CcWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @settings; +} + + +/* List Row Button */ +CcWindow .button.list-row { +} + +CcWindow .button.list-row:hover { + background-color: alpha(@settings, 0.2); + color: @settings; +} + +CcWindow .button.list-row:active, +CcWindow .button.list-row:selected { + background-color: alpha(@settings, 0.4); + color: @settings; +} + +CcWindow .button.list-row:active:selected, +CcWindow .button.list-row:active:selected:hover { + background-color: alpha(@settings, 0.2); + color: @settings; +} + +CcWindow .button.list-row:hover:selected { + background-color: alpha(@settings, 0.2); + color: @settings; +} + +CcNetworkPanel GtkNotebook > .frame { + border: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/shotwell.css b/Paper/gtk-3.0/apps/shotwell.css new file mode 100644 index 0000000..93f0874 --- /dev/null +++ b/Paper/gtk-3.0/apps/shotwell.css @@ -0,0 +1,49 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color shotwell #66416A; + +/********** + * Header * + **********/ + +/* Library */ +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: @shotwell; +} + +LibraryWindow .titlebar:backdrop, +LibraryWindow .header-bar:backdrop { + background-color: shade(@shotwell,0.9); +} + +/* Viewer */ +DirectWindow .titlebar, +DirectWindow .header-bar { + background-color: @shotwell; +} + +DirectWindow .titlebar:backdrop, +DirectWindow .header-bar:backdrop { + background-color: shade(@shotwell,0.9); +} + +.the-button-in-the-combobox { + background: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/snap.css b/Paper/gtk-3.0/apps/snap.css new file mode 100644 index 0000000..c41cb58 --- /dev/null +++ b/Paper/gtk-3.0/apps/snap.css @@ -0,0 +1,46 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color snap #6d266a; +@define-color snap_background #434343; + +/********** + * Header * + **********/ + +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: @snap; +} + +SnapSnapWindow .titlebar:backdrop, +SnapSnapWindow .header-bar:backdrop { + background-color: shade(@snap,0.9); +} + +SnapSnapWindow .take-button { + border-radius: 0; +} + +SnapWidgetsCamera { + background-color:@snap_background; +} + +SnapWidgetsCamera:backdrop { + background-color:shade(@snap_background, 0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/synaptic.css b/Paper/gtk-3.0/apps/synaptic.css new file mode 100644 index 0000000..d3481d3 --- /dev/null +++ b/Paper/gtk-3.0/apps/synaptic.css @@ -0,0 +1,31 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******************** + * Synaptic Toolbar * + ********************/ + +.dock { + background-color:@toolbar; + color:@toolbar_text; +} + +.dock:backdrop { + background-color:@backdrop_toolbar; + color:@backdrop_toolbar_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/unity.css b/Paper/gtk-3.0/apps/unity.css new file mode 100644 index 0000000..2ed9bb6 --- /dev/null +++ b/Paper/gtk-3.0/apps/unity.css @@ -0,0 +1,206 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/**************** + * Unity Colors * + ****************/ + +@define-color unity #636E73; /* Unity window border color */ +@define-color backdrop_unity #5A6367; /* Backdrop Unity window border color */ +@define-color unity_text #dbdee0; /* Unity window text color */ +@define-color backdrop_unity_text #909598; /* Backdrop Unity window text color */ +@define-color unity_panel shade(@unity, 0.8); /* Unity panel color #454D50 */ +@define-color backdrop_unity_panel shade(@unity_panel, 1.05); /* Backdrop Unity panel color */ +@define-color unity_panel_text #dbdee0; /* Unity panel text color */ +@define-color backdrop_unity_panel_text shade(@unity_panel_text, 0.95); /* Backdrop Unity panel text color */ + +/********************* + * Unity Decorations * + *********************/ + +UnityDecoration { + + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */ + -UnityDecoration-input-extents: 10px;/* the extra size of the input areas */ + + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */ + + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px;/* Size property, size of glow */ + -UnityDecoration-glow-color: @selection;/* Color property of the glow */ + + /* Title settings */ + -UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */ + background-color: @unity; + color: @unity_text; +} + +UnityDecoration.top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid @unity; + border-bottom-width: 0; + background-color: @unity; + color: @unity_text; + border-top: 1px solid rgba(255,255,255,0.1); +} + +UnityDecoration.top.menuitem { + color: @unity_text; +} + +UnityDecoration.top.menuitem:backdrop { + background-color: @backdrop_unity; + color: @backdrop_unity_text; +} + +UnityDecoration.top:backdrop { + /*border: 1px solid @backdrop_unity;*/ + border-bottom-width: 0; + background-color: @backdrop_unity; + color: @backdrop_unity_text; + border-top: 1px solid rgba(255,255,255,0.1); +} + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: shade(@unity, 0.6); + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, + @unity, + shade(@unity, 0.6) + ); + background-image: -gtk-gradient (linear, left top, left bottom, + color-stop (0, @unity), + color-stop (0.5, @unity), + color-stop (1, shade(@unity, 0.6))); +} + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: shade(@unity, 0.6); +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: @backdrop_unity; +} + + +/*************** +* Unity Panel * +***************/ + +UnityPanelWidget, +.unity-panel { + background-color: @unity_panel; + color: @unity_panel_text; +} + + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: @backdrop_unity_panel; + color: @backdrop_unity_panel_text; +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: @unity_panel_text; +} + +.unity-panel.menubar, +.unity-panel .menubar { + color: @unity_panel_text; +} + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: @unity_panel; + color: @unity_panel_text; +} + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: @backdrop_foreground; +} + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: @unity_panel_text; + box-shadow: none; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: shade(@unity, 1.05); + color: @unity_panel_text; + box-shadow: none; +} + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; +} + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + border: none; + color: @separator; +} + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: @base; +} + + +@keyframes playbackmenuitem_spinner { + to { -gtk-icon-transform: rotate(1turn); } +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: @selected_background; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/vocal.css b/Paper/gtk-3.0/apps/vocal.css new file mode 100644 index 0000000..a738b14 --- /dev/null +++ b/Paper/gtk-3.0/apps/vocal.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color vocal #B286D7; + +/********** + * Header * + **********/ + +.titlebar.vocal-headerbar, +.header-bar.vocal-headerbar { + background-color: @vocal; +} + +.titlebar.vocal-headerbar:backdrop, +.header-bar.vocal-headerbar:backdrop { + background-color: shade(@vocal,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/xfce.css b/Paper/gtk-3.0/apps/xfce.css new file mode 100644 index 0000000..0efc82d --- /dev/null +++ b/Paper/gtk-3.0/apps/xfce.css @@ -0,0 +1,68 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/******** + * Xfce * + ********/ + +XfceHeading, +.XfceHeading { + margin: 0; + padding: 0; + border-width: 0; + background-image: none; + background-color: @theme_base_color; + color: @theme_text_color; +} + +.xfce4-panel { + background-color: @panel_bg_color; + color: @panel_fg_color; + font: normal; +} + +.xfce4-panel .button { + padding: 0 2px; + border-radius: 0; + border-style: none; + color: @panel_fg_color; + box-shadow: none; + -gtk-image-effect: none; +} + +.xfce4-panel .button:active { + background-color: shade(@panel_bg_color, 0.9); + background-image: none; + border: none; + color: @panel_fg_color; + box-shadow: none; +} + +.xfce4-panel .button:hover, +.xfce4-panel .button:active:hover { + background-color: shade(@panel_bg_color, 1.3); + background-image: none; + border: none; + color: @panel_fg_color; + box-shadow: none; +} + +.xfce4-panel .menu { + -gtk-image-effect: none; +} diff --git a/Paper/gtk-3.0/apps/yelp.css b/Paper/gtk-3.0/apps/yelp.css new file mode 100644 index 0000000..05e375c --- /dev/null +++ b/Paper/gtk-3.0/apps/yelp.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color yelp #435ece; + +/********** + * Header * + **********/ + +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: @yelp; +} + +YelpWindow .titlebar:backdrop, +YelpWindow .header-bar:backdrop { + background-color: shade(@yelp,0.9); +} diff --git a/Paper/gtk-3.0/assets/checkbox-checked-active-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-active-dark.png new file mode 120000 index 0000000..cfcdea8 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-active-dark.png @@ -0,0 +1 @@ +checkbox-checked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-active-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-active-dark@2.png new file mode 120000 index 0000000..3844c2d --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-active-dark@2.png @@ -0,0 +1 @@ +checkbox-checked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-active.png b/Paper/gtk-3.0/assets/checkbox-checked-active.png new file mode 120000 index 0000000..d506341 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-active.png @@ -0,0 +1 @@ +checkbox-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-active@2.png b/Paper/gtk-3.0/assets/checkbox-checked-active@2.png new file mode 120000 index 0000000..42d522a --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-active@2.png @@ -0,0 +1 @@ +checkbox-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark.png index fe221b6..c387052 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark.png and b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark@2.png index 4ad016f..75ca739 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark.png new file mode 120000 index 0000000..5ee8450 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +checkbox-checked-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..bf23dca --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +checkbox-checked-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive.png new file mode 120000 index 0000000..bee0db8 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive.png @@ -0,0 +1 @@ +checkbox-checked-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive@2.png new file mode 120000 index 0000000..b9fd77a --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive@2.png @@ -0,0 +1 @@ +checkbox-checked-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-dark.png index f01ee5b..529d7d1 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-checked-dark.png and b/Paper/gtk-3.0/assets/checkbox-checked-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-checked-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-dark@2.png index 6a27c73..4f9f4a3 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-checked-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-checked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-checked-hover-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-hover-dark.png index f01ee5b..529d7d1 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-checked-hover-dark.png and b/Paper/gtk-3.0/assets/checkbox-checked-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-checked-hover-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-hover-dark@2.png index 6a27c73..4f9f4a3 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-checked-hover-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-checked-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop-dark.png new file mode 120000 index 0000000..de25817 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop-dark.png @@ -0,0 +1 @@ +checkbox-checked-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop-dark@2.png new file mode 120000 index 0000000..3be27ad --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop-dark@2.png @@ -0,0 +1 @@ +checkbox-checked-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop.png b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop.png new file mode 120000 index 0000000..602f411 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop.png @@ -0,0 +1 @@ +checkbox-checked-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop@2.png b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop@2.png new file mode 120000 index 0000000..c632815 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop@2.png @@ -0,0 +1 @@ +checkbox-checked-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-dark.png index e977c87..850c653 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-checked-insensitive-dark.png and b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-checked-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-dark@2.png index d5271e0..a37481b 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-checked-insensitive-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-checked-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-active-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-active-dark.png new file mode 120000 index 0000000..13eb597 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-active-dark.png @@ -0,0 +1 @@ +checkbox-mixed-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-active-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-active-dark@2.png new file mode 120000 index 0000000..c952bb6 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-active-dark@2.png @@ -0,0 +1 @@ +checkbox-mixed-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-active.png b/Paper/gtk-3.0/assets/checkbox-mixed-active.png new file mode 120000 index 0000000..1565756 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-active.png @@ -0,0 +1 @@ +checkbox-mixed.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-active@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-active@2.png new file mode 120000 index 0000000..017ff4a --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-active@2.png @@ -0,0 +1 @@ +checkbox-mixed@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark.png index fc5da3a..0fb6af3 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark.png and b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark@2.png index b06555d..643c90e 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark.png new file mode 120000 index 0000000..2e0704e --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..7e090f5 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive.png new file mode 120000 index 0000000..0cd5385 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive@2.png new file mode 120000 index 0000000..ebe84c9 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive@2.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-dark.png index bf8d690..a200011 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-mixed-dark.png and b/Paper/gtk-3.0/assets/checkbox-mixed-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-dark@2.png index 4a06914..91635b0 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-mixed-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-mixed-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark.png index bf8d690..a200011 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark.png and b/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark@2.png index 4a06914..91635b0 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark.png new file mode 120000 index 0000000..3f57137 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark.png @@ -0,0 +1 @@ +checkbox-mixed-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark@2.png new file mode 120000 index 0000000..c995602 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark@2.png @@ -0,0 +1 @@ +checkbox-mixed-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png new file mode 120000 index 0000000..ec68672 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png @@ -0,0 +1 @@ +checkbox-mixed-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png new file mode 120000 index 0000000..796a1ba --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png @@ -0,0 +1 @@ +checkbox-mixed-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark.png index 2e374d9..a5bae0b 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark.png and b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark@2.png index d8cdb21..43609d0 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-active-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-active-dark.png new file mode 120000 index 0000000..379c5f2 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-active-dark.png @@ -0,0 +1 @@ +checkbox-unchecked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-active-dark@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-active-dark@2.png new file mode 120000 index 0000000..e306d51 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-active-dark@2.png @@ -0,0 +1 @@ +checkbox-unchecked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-active.png b/Paper/gtk-3.0/assets/checkbox-unchecked-active.png new file mode 120000 index 0000000..7cf9646 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-active.png @@ -0,0 +1 @@ +checkbox-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-active@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-active@2.png new file mode 120000 index 0000000..f7af06b --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-active@2.png @@ -0,0 +1 @@ +checkbox-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-dark.png index 203f66f..7558b38 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-dark.png and b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-dark@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-dark@2.png index 0d28603..568f546 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark.png new file mode 120000 index 0000000..eae106f --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..2411ecd --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive.png new file mode 120000 index 0000000..e7ed300 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive@2.png new file mode 120000 index 0000000..cd89e8d --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive@2.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-dark.png index 203f66f..7558b38 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-unchecked-dark.png and b/Paper/gtk-3.0/assets/checkbox-unchecked-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-dark@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-dark@2.png index 0d28603..568f546 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-unchecked-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-unchecked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark.png index 203f66f..7558b38 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark.png and b/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark@2.png index 0d28603..568f546 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark.png new file mode 120000 index 0000000..a606d5a --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png new file mode 120000 index 0000000..d10daf0 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop.png new file mode 120000 index 0000000..362147e --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png new file mode 120000 index 0000000..34446c0 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.png index 203f66f..7558b38 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.png and b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark@2.png index 0d28603..568f546 100644 Binary files a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark@2.png and b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/header-separator-dark.png b/Paper/gtk-3.0/assets/header-separator-dark.png new file mode 100644 index 0000000..dadf294 Binary files /dev/null and b/Paper/gtk-3.0/assets/header-separator-dark.png differ diff --git a/Paper/gtk-3.0/assets/header-separator-dark@2.png b/Paper/gtk-3.0/assets/header-separator-dark@2.png new file mode 100644 index 0000000..81cfb9d Binary files /dev/null and b/Paper/gtk-3.0/assets/header-separator-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/header-separator.png b/Paper/gtk-3.0/assets/header-separator.png new file mode 100644 index 0000000..dcd3695 Binary files /dev/null and b/Paper/gtk-3.0/assets/header-separator.png differ diff --git a/Paper/gtk-3.0/assets/header-separator@2.png b/Paper/gtk-3.0/assets/header-separator@2.png new file mode 100644 index 0000000..fc71275 Binary files /dev/null and b/Paper/gtk-3.0/assets/header-separator@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark.png new file mode 100644 index 0000000..55b07f3 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark@2.png new file mode 100644 index 0000000..d3d325b Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark.png new file mode 100644 index 0000000..55b07f3 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark@2.png new file mode 100644 index 0000000..d3d325b Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover.png new file mode 100644 index 0000000..0c8ee38 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover@2.png new file mode 100644 index 0000000..857b4ad Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark.png new file mode 100644 index 0000000..55b07f3 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark@2.png new file mode 100644 index 0000000..d3d325b Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png new file mode 100644 index 0000000..45d8b47 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive@2.png new file mode 100644 index 0000000..1163b21 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked.png new file mode 100644 index 0000000..7b87555 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked@2.png new file mode 100644 index 0000000..629691f Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-checked@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark.png new file mode 100644 index 0000000..7691573 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark@2.png new file mode 100644 index 0000000..4ac1743 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark.png new file mode 100644 index 0000000..7691573 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark@2.png new file mode 100644 index 0000000..4ac1743 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png new file mode 100644 index 0000000..df1e697 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover@2.png new file mode 100644 index 0000000..642323b Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark.png new file mode 100644 index 0000000..7691573 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..4ac1743 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png new file mode 100644 index 0000000..7371ffd Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive@2.png new file mode 100644 index 0000000..7c71f57 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed.png new file mode 100644 index 0000000..bf4e0f2 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed@2.png new file mode 100644 index 0000000..4962381 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-dark.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-dark.png new file mode 100644 index 0000000..a9ae1e0 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-dark.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-dark@2.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-dark@2.png new file mode 100644 index 0000000..08ff728 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-hover-dark.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-hover-dark.png new file mode 100644 index 0000000..a9ae1e0 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-hover-dark@2.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-hover-dark@2.png new file mode 100644 index 0000000..08ff728 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-hover.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-hover.png new file mode 100644 index 0000000..7565d86 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-hover.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-hover@2.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-hover@2.png new file mode 100644 index 0000000..0089e13 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-hover@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive-dark.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive-dark.png new file mode 100644 index 0000000..a9ae1e0 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive-dark@2.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive-dark@2.png new file mode 100644 index 0000000..08ff728 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive.png new file mode 100644 index 0000000..2347eb5 Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive@2.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive@2.png new file mode 100644 index 0000000..b49fcbb Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked.png b/Paper/gtk-3.0/assets/menuitem-radio-checked.png new file mode 100644 index 0000000..7c21f1c Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked.png differ diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked@2.png b/Paper/gtk-3.0/assets/menuitem-radio-checked@2.png new file mode 100644 index 0000000..057a1cf Binary files /dev/null and b/Paper/gtk-3.0/assets/menuitem-radio-checked@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-checked-active-dark.png b/Paper/gtk-3.0/assets/radio-checked-active-dark.png new file mode 120000 index 0000000..0135e9b --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-active-dark.png @@ -0,0 +1 @@ +radio-checked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-active-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-active-dark@2.png new file mode 120000 index 0000000..313edd3 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-active-dark@2.png @@ -0,0 +1 @@ +radio-checked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-active.png b/Paper/gtk-3.0/assets/radio-checked-active.png new file mode 120000 index 0000000..e0c4830 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-active.png @@ -0,0 +1 @@ +radio-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-active@2.png b/Paper/gtk-3.0/assets/radio-checked-active@2.png new file mode 120000 index 0000000..bb5dbb2 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-active@2.png @@ -0,0 +1 @@ +radio-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-dark.png index c978055..2598f06 100644 Binary files a/Paper/gtk-3.0/assets/radio-checked-backdrop-dark.png and b/Paper/gtk-3.0/assets/radio-checked-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-dark@2.png index d6bda83..104be28 100644 Binary files a/Paper/gtk-3.0/assets/radio-checked-backdrop-dark@2.png and b/Paper/gtk-3.0/assets/radio-checked-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark.png new file mode 120000 index 0000000..b140475 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +radio-checked-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..c1f1e51 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +radio-checked-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive.png new file mode 120000 index 0000000..d51ef24 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive.png @@ -0,0 +1 @@ +radio-checked-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive@2.png new file mode 120000 index 0000000..52cb74b --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive@2.png @@ -0,0 +1 @@ +radio-checked-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-dark.png b/Paper/gtk-3.0/assets/radio-checked-dark.png index cad6581..4adde52 100644 Binary files a/Paper/gtk-3.0/assets/radio-checked-dark.png and b/Paper/gtk-3.0/assets/radio-checked-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-checked-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-dark@2.png index 9096632..3bd519d 100644 Binary files a/Paper/gtk-3.0/assets/radio-checked-dark@2.png and b/Paper/gtk-3.0/assets/radio-checked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-checked-hover-dark.png b/Paper/gtk-3.0/assets/radio-checked-hover-dark.png index cad6581..4adde52 100644 Binary files a/Paper/gtk-3.0/assets/radio-checked-hover-dark.png and b/Paper/gtk-3.0/assets/radio-checked-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-checked-hover-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-hover-dark@2.png index 9096632..3bd519d 100644 Binary files a/Paper/gtk-3.0/assets/radio-checked-hover-dark@2.png and b/Paper/gtk-3.0/assets/radio-checked-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark.png new file mode 120000 index 0000000..4d976e5 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark.png @@ -0,0 +1 @@ +radio-checked-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark@2.png new file mode 120000 index 0000000..743f13b --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark@2.png @@ -0,0 +1 @@ +radio-checked-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop.png new file mode 120000 index 0000000..32b555c --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop.png @@ -0,0 +1 @@ +radio-checked-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop@2.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop@2.png new file mode 120000 index 0000000..2a9c1ac --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop@2.png @@ -0,0 +1 @@ +radio-checked-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-dark.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-dark.png index e8649e9..8f69490 100644 Binary files a/Paper/gtk-3.0/assets/radio-checked-insensitive-dark.png and b/Paper/gtk-3.0/assets/radio-checked-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-dark@2.png index eb5f684..b2c9da0 100644 Binary files a/Paper/gtk-3.0/assets/radio-checked-insensitive-dark@2.png and b/Paper/gtk-3.0/assets/radio-checked-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-mixed-active-dark.png b/Paper/gtk-3.0/assets/radio-mixed-active-dark.png new file mode 120000 index 0000000..9ca2637 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-active-dark.png @@ -0,0 +1 @@ +radio-mixed-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-active-dark@2.png b/Paper/gtk-3.0/assets/radio-mixed-active-dark@2.png new file mode 120000 index 0000000..5174b8b --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-active-dark@2.png @@ -0,0 +1 @@ +radio-mixed-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-active.png b/Paper/gtk-3.0/assets/radio-mixed-active.png new file mode 120000 index 0000000..5c36744 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-active.png @@ -0,0 +1 @@ +radio-mixed.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-active@2.png b/Paper/gtk-3.0/assets/radio-mixed-active@2.png new file mode 120000 index 0000000..01bea01 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-active@2.png @@ -0,0 +1 @@ +radio-mixed@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark.png index f38920f..823464e 100644 Binary files a/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark.png and b/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark@2.png b/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark@2.png index fddf98f..6757e38 100644 Binary files a/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark@2.png and b/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive-dark.png new file mode 120000 index 0000000..30c62a9 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +radio-mixed-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..fcd1b84 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +radio-mixed-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive.png b/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive.png new file mode 120000 index 0000000..09540ba --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive.png @@ -0,0 +1 @@ +radio-mixed-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive@2.png new file mode 120000 index 0000000..bd2db45 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive@2.png @@ -0,0 +1 @@ +radio-mixed-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-dark.png b/Paper/gtk-3.0/assets/radio-mixed-dark.png index 6226591..a8b0edc 100644 Binary files a/Paper/gtk-3.0/assets/radio-mixed-dark.png and b/Paper/gtk-3.0/assets/radio-mixed-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-mixed-dark@2.png b/Paper/gtk-3.0/assets/radio-mixed-dark@2.png index 64647a3..2cbec34 100644 Binary files a/Paper/gtk-3.0/assets/radio-mixed-dark@2.png and b/Paper/gtk-3.0/assets/radio-mixed-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-mixed-hover-dark.png b/Paper/gtk-3.0/assets/radio-mixed-hover-dark.png index 6226591..a8b0edc 100644 Binary files a/Paper/gtk-3.0/assets/radio-mixed-hover-dark.png and b/Paper/gtk-3.0/assets/radio-mixed-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-mixed-hover-dark@2.png b/Paper/gtk-3.0/assets/radio-mixed-hover-dark@2.png index 64647a3..2cbec34 100644 Binary files a/Paper/gtk-3.0/assets/radio-mixed-hover-dark@2.png and b/Paper/gtk-3.0/assets/radio-mixed-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop-dark.png new file mode 120000 index 0000000..3055334 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop-dark.png @@ -0,0 +1 @@ +radio-mixed-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop-dark@2.png b/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop-dark@2.png new file mode 120000 index 0000000..0b8f2a0 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop-dark@2.png @@ -0,0 +1 @@ +radio-mixed-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop.png b/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop.png new file mode 120000 index 0000000..720bf14 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop.png @@ -0,0 +1 @@ +radio-mixed-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop@2.png b/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop@2.png new file mode 120000 index 0000000..7ba2069 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop@2.png @@ -0,0 +1 @@ +radio-mixed-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark.png b/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark.png index 6195fea..0c2957a 100644 Binary files a/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark.png and b/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark@2.png b/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark@2.png index 6b27a38..86e6099 100644 Binary files a/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark@2.png and b/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-unchecked-active-dark.png b/Paper/gtk-3.0/assets/radio-unchecked-active-dark.png new file mode 120000 index 0000000..af3b8c7 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-active-dark.png @@ -0,0 +1 @@ +radio-unchecked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-active-dark@2.png b/Paper/gtk-3.0/assets/radio-unchecked-active-dark@2.png new file mode 120000 index 0000000..c1cfb99 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-active-dark@2.png @@ -0,0 +1 @@ +radio-unchecked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-active.png b/Paper/gtk-3.0/assets/radio-unchecked-active.png new file mode 120000 index 0000000..b0f95fc --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-active.png @@ -0,0 +1 @@ +radio-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-active@2.png b/Paper/gtk-3.0/assets/radio-unchecked-active@2.png new file mode 120000 index 0000000..6f6835d --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-active@2.png @@ -0,0 +1 @@ +radio-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark.png index 659c82a..3f368ee 100644 Binary files a/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark.png and b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark@2.png b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark@2.png index c0865d9..017aa3a 100644 Binary files a/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark@2.png and b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive-dark.png new file mode 120000 index 0000000..5ef0668 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +radio-unchecked-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..f80c902 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +radio-unchecked-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive.png b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive.png new file mode 120000 index 0000000..4c2901e --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive.png @@ -0,0 +1 @@ +radio-unchecked-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive@2.png new file mode 120000 index 0000000..2a4ce11 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive@2.png @@ -0,0 +1 @@ +radio-unchecked-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-dark.png b/Paper/gtk-3.0/assets/radio-unchecked-dark.png index 659c82a..3f368ee 100644 Binary files a/Paper/gtk-3.0/assets/radio-unchecked-dark.png and b/Paper/gtk-3.0/assets/radio-unchecked-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-unchecked-dark@2.png b/Paper/gtk-3.0/assets/radio-unchecked-dark@2.png index c0865d9..017aa3a 100644 Binary files a/Paper/gtk-3.0/assets/radio-unchecked-dark@2.png and b/Paper/gtk-3.0/assets/radio-unchecked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-unchecked-hover-dark.png b/Paper/gtk-3.0/assets/radio-unchecked-hover-dark.png index 659c82a..3f368ee 100644 Binary files a/Paper/gtk-3.0/assets/radio-unchecked-hover-dark.png and b/Paper/gtk-3.0/assets/radio-unchecked-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-unchecked-hover-dark@2.png b/Paper/gtk-3.0/assets/radio-unchecked-hover-dark@2.png index c0865d9..017aa3a 100644 Binary files a/Paper/gtk-3.0/assets/radio-unchecked-hover-dark@2.png and b/Paper/gtk-3.0/assets/radio-unchecked-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop-dark.png new file mode 120000 index 0000000..2911616 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop-dark.png @@ -0,0 +1 @@ +radio-unchecked-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop-dark@2.png b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop-dark@2.png new file mode 120000 index 0000000..1f5e890 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop-dark@2.png @@ -0,0 +1 @@ +radio-unchecked-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop.png b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop.png new file mode 120000 index 0000000..46fab40 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop.png @@ -0,0 +1 @@ +radio-unchecked-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-insensitive-dark.png b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-dark.png index 659c82a..3f368ee 100644 Binary files a/Paper/gtk-3.0/assets/radio-unchecked-insensitive-dark.png and b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/radio-unchecked-insensitive-dark@2.png b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-dark@2.png index c0865d9..017aa3a 100644 Binary files a/Paper/gtk-3.0/assets/radio-unchecked-insensitive-dark@2.png and b/Paper/gtk-3.0/assets/radio-unchecked-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scalable/spinner-01-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-01-dark.svg new file mode 100644 index 0000000..9cc98a2 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-01-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-01.svg b/Paper/gtk-3.0/assets/scalable/spinner-01.svg new file mode 100644 index 0000000..5cc8bb2 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-01.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-02-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-02-dark.svg new file mode 100644 index 0000000..440b368 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-02-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-02.svg b/Paper/gtk-3.0/assets/scalable/spinner-02.svg new file mode 100644 index 0000000..355a7cb --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-02.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-03-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-03-dark.svg new file mode 100644 index 0000000..6e82ea5 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-03-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-03.svg b/Paper/gtk-3.0/assets/scalable/spinner-03.svg new file mode 100644 index 0000000..5c0e491 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-03.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-04-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-04-dark.svg new file mode 100644 index 0000000..ba276ee --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-04-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-04.svg b/Paper/gtk-3.0/assets/scalable/spinner-04.svg new file mode 100644 index 0000000..232139a --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-04.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-05-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-05-dark.svg new file mode 100644 index 0000000..104a8ad --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-05-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-05.svg b/Paper/gtk-3.0/assets/scalable/spinner-05.svg new file mode 100644 index 0000000..7bb3b75 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-05.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-06-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-06-dark.svg new file mode 100644 index 0000000..0242aa8 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-06-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-06.svg b/Paper/gtk-3.0/assets/scalable/spinner-06.svg new file mode 100644 index 0000000..79f6fdf --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-06.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-07-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-07-dark.svg new file mode 100644 index 0000000..d8cde88 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-07-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-07.svg b/Paper/gtk-3.0/assets/scalable/spinner-07.svg new file mode 100644 index 0000000..654d60e --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-07.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-08-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-08-dark.svg new file mode 100644 index 0000000..cfcd95a --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-08-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-08.svg b/Paper/gtk-3.0/assets/scalable/spinner-08.svg new file mode 100644 index 0000000..faeccdc --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-08.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-09-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-09-dark.svg new file mode 100644 index 0000000..22a6467 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-09-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-09.svg b/Paper/gtk-3.0/assets/scalable/spinner-09.svg new file mode 100644 index 0000000..a8041da --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-09.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-10-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-10-dark.svg new file mode 100644 index 0000000..d597625 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-10-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-10.svg b/Paper/gtk-3.0/assets/scalable/spinner-10.svg new file mode 100644 index 0000000..fe554c3 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-10.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-11-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-11-dark.svg new file mode 100644 index 0000000..c23e550 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-11-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-11.svg b/Paper/gtk-3.0/assets/scalable/spinner-11.svg new file mode 100644 index 0000000..ba788fa --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-11.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-12-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-12-dark.svg new file mode 100644 index 0000000..54d1329 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-12-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-12.svg b/Paper/gtk-3.0/assets/scalable/spinner-12.svg new file mode 100644 index 0000000..f44eede --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-12.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-13-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-13-dark.svg new file mode 100644 index 0000000..c853253 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-13-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-13.svg b/Paper/gtk-3.0/assets/scalable/spinner-13.svg new file mode 100644 index 0000000..bba7ccf --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-13.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-14-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-14-dark.svg new file mode 100644 index 0000000..e9870c9 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-14-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-14.svg b/Paper/gtk-3.0/assets/scalable/spinner-14.svg new file mode 100644 index 0000000..52121eb --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-14.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-15-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-15-dark.svg new file mode 100644 index 0000000..6c4b33e --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-15-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-15.svg b/Paper/gtk-3.0/assets/scalable/spinner-15.svg new file mode 100644 index 0000000..2b4d852 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-15.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-16-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-16-dark.svg new file mode 100644 index 0000000..7da9f02 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-16-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-16.svg b/Paper/gtk-3.0/assets/scalable/spinner-16.svg new file mode 100644 index 0000000..16225ff --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-16.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-17-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-17-dark.svg new file mode 100644 index 0000000..2b76a23 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-17-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-17.svg b/Paper/gtk-3.0/assets/scalable/spinner-17.svg new file mode 100644 index 0000000..1c92858 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-17.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-18-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-18-dark.svg new file mode 100644 index 0000000..bbf5579 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-18-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-18.svg b/Paper/gtk-3.0/assets/scalable/spinner-18.svg new file mode 100644 index 0000000..9f6301c --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-18.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-19-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-19-dark.svg new file mode 100644 index 0000000..7478364 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-19-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-19.svg b/Paper/gtk-3.0/assets/scalable/spinner-19.svg new file mode 100644 index 0000000..e6af0ee --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-19.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-20-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-20-dark.svg new file mode 100644 index 0000000..f9c1917 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-20-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-20.svg b/Paper/gtk-3.0/assets/scalable/spinner-20.svg new file mode 100644 index 0000000..35e0069 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-20.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scale-slider-down-active-dark.png b/Paper/gtk-3.0/assets/scale-slider-down-active-dark.png new file mode 100644 index 0000000..aa7b908 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-active-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-active-dark@2.png new file mode 100644 index 0000000..0ff2f25 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-active-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-active.png b/Paper/gtk-3.0/assets/scale-slider-down-active.png new file mode 100644 index 0000000..e3ce83b Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-active.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-active@2.png b/Paper/gtk-3.0/assets/scale-slider-down-active@2.png new file mode 100644 index 0000000..572f6a2 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-active@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop-dark.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-dark.png new file mode 100644 index 0000000..bb79752 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-dark@2.png new file mode 100644 index 0000000..faf53f4 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark.png new file mode 100644 index 0000000..cbc45f8 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..26ec9ab Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive.png new file mode 100644 index 0000000..9456519 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive@2.png new file mode 100644 index 0000000..c24dfb9 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop.png new file mode 100644 index 0000000..a6c8af3 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-backdrop.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop@2.png new file mode 100644 index 0000000..6b48c56 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-backdrop@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-dark.png b/Paper/gtk-3.0/assets/scale-slider-down-dark.png new file mode 100644 index 0000000..9356bfe Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-dark@2.png new file mode 100644 index 0000000..9b94e20 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-hover-dark.png b/Paper/gtk-3.0/assets/scale-slider-down-hover-dark.png new file mode 100644 index 0000000..9356bfe Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-hover-dark@2.png new file mode 100644 index 0000000..9b94e20 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-hover.png b/Paper/gtk-3.0/assets/scale-slider-down-hover.png new file mode 100644 index 0000000..c2e9471 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-hover.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-down-hover@2.png new file mode 100644 index 0000000..2618be5 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-hover@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark.png new file mode 100644 index 0000000..cbc45f8 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark@2.png new file mode 100644 index 0000000..26ec9ab Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-down-insensitive.png new file mode 100644 index 0000000..e89bd07 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-down-insensitive@2.png new file mode 100644 index 0000000..01ea36e Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down.png b/Paper/gtk-3.0/assets/scale-slider-down.png new file mode 100644 index 0000000..c2e9471 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-down@2.png b/Paper/gtk-3.0/assets/scale-slider-down@2.png new file mode 100644 index 0000000..2618be5 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-down@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-active-dark.png b/Paper/gtk-3.0/assets/scale-slider-horz-active-dark.png new file mode 100644 index 0000000..ba66aa8 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-active-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-active-dark@2.png new file mode 100644 index 0000000..7251e5d Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-active-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-active.png b/Paper/gtk-3.0/assets/scale-slider-horz-active.png new file mode 100644 index 0000000..115f94e Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-active.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-active@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-active@2.png new file mode 100644 index 0000000..7893c36 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-active@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark.png new file mode 100644 index 0000000..cba0a8c Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark@2.png new file mode 100644 index 0000000..85b4dd5 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark.png new file mode 100644 index 0000000..319e019 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..0fe2128 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive.png new file mode 100644 index 0000000..50abadf Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive@2.png new file mode 100644 index 0000000..0bd6655 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop.png new file mode 100644 index 0000000..2feb9ae Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop@2.png new file mode 100644 index 0000000..66bc15d Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-dark.png b/Paper/gtk-3.0/assets/scale-slider-horz-dark.png new file mode 100644 index 0000000..c4e59dc Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-dark@2.png new file mode 100644 index 0000000..bac6e4b Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-hover-dark.png b/Paper/gtk-3.0/assets/scale-slider-horz-hover-dark.png new file mode 100644 index 0000000..c4e59dc Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-hover-dark@2.png new file mode 100644 index 0000000..bac6e4b Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-hover.png b/Paper/gtk-3.0/assets/scale-slider-horz-hover.png new file mode 100644 index 0000000..595d3fd Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-hover.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-hover@2.png new file mode 100644 index 0000000..2f3757f Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-hover@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark.png new file mode 100644 index 0000000..319e019 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark@2.png new file mode 100644 index 0000000..0fe2128 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive.png new file mode 100644 index 0000000..9464edf Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive@2.png new file mode 100644 index 0000000..2f56acf Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz.png b/Paper/gtk-3.0/assets/scale-slider-horz.png new file mode 100644 index 0000000..595d3fd Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-horz@2.png b/Paper/gtk-3.0/assets/scale-slider-horz@2.png new file mode 100644 index 0000000..2f3757f Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-horz@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-active-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-active-dark.png new file mode 100644 index 0000000..162898f Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-active-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-left-active-dark@2.png new file mode 100644 index 0000000..e4013bb Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-active-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-active.png b/Paper/gtk-3.0/assets/scale-slider-left-active.png new file mode 100644 index 0000000..b081f4a Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-active.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-active@2.png b/Paper/gtk-3.0/assets/scale-slider-left-active@2.png new file mode 100644 index 0000000..e6123ed Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-active@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark.png new file mode 100644 index 0000000..38aeaf7 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark@2.png new file mode 100644 index 0000000..1d8be76 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark.png new file mode 100644 index 0000000..ce6a1a9 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..679ccd4 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive.png new file mode 100644 index 0000000..11ffce6 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive@2.png new file mode 100644 index 0000000..d48d070 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop.png new file mode 100644 index 0000000..34f5214 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-backdrop.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop@2.png new file mode 100644 index 0000000..4a9e328 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-backdrop@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-dark.png new file mode 100644 index 0000000..833d66f Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-left-dark@2.png new file mode 100644 index 0000000..28b1ee1 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-hover-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-hover-dark.png new file mode 100644 index 0000000..833d66f Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-left-hover-dark@2.png new file mode 100644 index 0000000..28b1ee1 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-hover.png b/Paper/gtk-3.0/assets/scale-slider-left-hover.png new file mode 100644 index 0000000..2fcb3a0 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-hover.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-left-hover@2.png new file mode 100644 index 0000000..347d748 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-hover@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-insensitive-dark.png new file mode 100644 index 0000000..ce6a1a9 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-left-insensitive-dark@2.png new file mode 100644 index 0000000..679ccd4 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-left-insensitive.png new file mode 100644 index 0000000..878aaae Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-left-insensitive@2.png new file mode 100644 index 0000000..1ce9072 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left.png b/Paper/gtk-3.0/assets/scale-slider-left.png new file mode 100644 index 0000000..2fcb3a0 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-left@2.png b/Paper/gtk-3.0/assets/scale-slider-left@2.png new file mode 100644 index 0000000..347d748 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-left@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-active-dark.png b/Paper/gtk-3.0/assets/scale-slider-right-active-dark.png new file mode 100644 index 0000000..dc9b510 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-active-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-active-dark@2.png new file mode 100644 index 0000000..e06819c Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-active-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-active.png b/Paper/gtk-3.0/assets/scale-slider-right-active.png new file mode 100644 index 0000000..fb63403 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-active.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-active@2.png b/Paper/gtk-3.0/assets/scale-slider-right-active@2.png new file mode 100644 index 0000000..5699f69 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-active@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark.png new file mode 100644 index 0000000..db95a34 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark@2.png new file mode 100644 index 0000000..98e0c74 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark.png new file mode 100644 index 0000000..4810581 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..aa31bd4 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive.png new file mode 100644 index 0000000..500e412 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive@2.png new file mode 100644 index 0000000..80f083d Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop.png new file mode 100644 index 0000000..b6ea82a Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-backdrop.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop@2.png new file mode 100644 index 0000000..9ce6200 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-backdrop@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-dark.png b/Paper/gtk-3.0/assets/scale-slider-right-dark.png new file mode 100644 index 0000000..140f679 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-dark@2.png new file mode 100644 index 0000000..3c53508 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-hover-dark.png b/Paper/gtk-3.0/assets/scale-slider-right-hover-dark.png new file mode 100644 index 0000000..140f679 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-hover-dark@2.png new file mode 100644 index 0000000..3c53508 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-hover.png b/Paper/gtk-3.0/assets/scale-slider-right-hover.png new file mode 100644 index 0000000..aceafe2 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-hover.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-right-hover@2.png new file mode 100644 index 0000000..028da6b Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-hover@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark.png new file mode 100644 index 0000000..4810581 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark@2.png new file mode 100644 index 0000000..aa31bd4 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-right-insensitive.png new file mode 100644 index 0000000..f762384 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-right-insensitive@2.png new file mode 100644 index 0000000..1a7176c Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right.png b/Paper/gtk-3.0/assets/scale-slider-right.png new file mode 100644 index 0000000..aceafe2 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-right@2.png b/Paper/gtk-3.0/assets/scale-slider-right@2.png new file mode 100644 index 0000000..028da6b Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-right@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-active-dark.png b/Paper/gtk-3.0/assets/scale-slider-up-active-dark.png new file mode 100644 index 0000000..fc5df91 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-active-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-active-dark@2.png new file mode 100644 index 0000000..8caef2c Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-active-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-active.png b/Paper/gtk-3.0/assets/scale-slider-up-active.png new file mode 100644 index 0000000..172b2ff Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-active.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-active@2.png b/Paper/gtk-3.0/assets/scale-slider-up-active@2.png new file mode 100644 index 0000000..2d95f3a Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-active@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark.png new file mode 100644 index 0000000..360e42b Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark@2.png new file mode 100644 index 0000000..3d30375 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark.png new file mode 100644 index 0000000..4d80371 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..898d8ed Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive.png new file mode 100644 index 0000000..9594f17 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive@2.png new file mode 100644 index 0000000..d7f6a68 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop.png new file mode 100644 index 0000000..773081c Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-backdrop.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop@2.png new file mode 100644 index 0000000..e279f7b Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-backdrop@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-dark.png b/Paper/gtk-3.0/assets/scale-slider-up-dark.png new file mode 100644 index 0000000..c341ebe Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-dark@2.png new file mode 100644 index 0000000..1bd34dd Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-hover-dark.png b/Paper/gtk-3.0/assets/scale-slider-up-hover-dark.png new file mode 100644 index 0000000..c341ebe Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-hover-dark@2.png new file mode 100644 index 0000000..1bd34dd Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-hover.png b/Paper/gtk-3.0/assets/scale-slider-up-hover.png new file mode 100644 index 0000000..f0079f4 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-hover.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-up-hover@2.png new file mode 100644 index 0000000..72e6858 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-hover@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-up-insensitive-dark.png new file mode 100644 index 0000000..4d80371 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-insensitive-dark@2.png new file mode 100644 index 0000000..898d8ed Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-up-insensitive.png new file mode 100644 index 0000000..dc1d17f Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-up-insensitive@2.png new file mode 100644 index 0000000..f17f980 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up.png b/Paper/gtk-3.0/assets/scale-slider-up.png new file mode 100644 index 0000000..f0079f4 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-up@2.png b/Paper/gtk-3.0/assets/scale-slider-up@2.png new file mode 100644 index 0000000..72e6858 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-up@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-active-dark.png b/Paper/gtk-3.0/assets/scale-slider-vert-active-dark.png new file mode 100644 index 0000000..ba66aa8 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-active-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-active-dark@2.png new file mode 100644 index 0000000..7251e5d Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-active-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-active.png b/Paper/gtk-3.0/assets/scale-slider-vert-active.png new file mode 100644 index 0000000..115f94e Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-active.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-active@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-active@2.png new file mode 100644 index 0000000..7893c36 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-active@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark.png new file mode 100644 index 0000000..cba0a8c Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark@2.png new file mode 100644 index 0000000..85b4dd5 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark.png new file mode 100644 index 0000000..319e019 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..0fe2128 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive.png new file mode 100644 index 0000000..50abadf Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive@2.png new file mode 100644 index 0000000..0bd6655 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop.png new file mode 100644 index 0000000..2feb9ae Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop@2.png new file mode 100644 index 0000000..66bc15d Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-dark.png b/Paper/gtk-3.0/assets/scale-slider-vert-dark.png new file mode 100644 index 0000000..c4e59dc Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-dark@2.png new file mode 100644 index 0000000..bac6e4b Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-hover-dark.png b/Paper/gtk-3.0/assets/scale-slider-vert-hover-dark.png new file mode 100644 index 0000000..c4e59dc Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-hover-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-hover-dark@2.png new file mode 100644 index 0000000..bac6e4b Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-hover-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-hover.png b/Paper/gtk-3.0/assets/scale-slider-vert-hover.png new file mode 100644 index 0000000..595d3fd Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-hover.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-hover@2.png new file mode 100644 index 0000000..2f3757f Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-hover@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark.png new file mode 100644 index 0000000..319e019 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark@2.png new file mode 100644 index 0000000..0fe2128 Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive.png new file mode 100644 index 0000000..9464edf Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive@2.png new file mode 100644 index 0000000..2f56acf Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive@2.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert.png b/Paper/gtk-3.0/assets/scale-slider-vert.png new file mode 100644 index 0000000..595d3fd Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert.png differ diff --git a/Paper/gtk-3.0/assets/scale-slider-vert@2.png b/Paper/gtk-3.0/assets/scale-slider-vert@2.png new file mode 100644 index 0000000..2f3757f Binary files /dev/null and b/Paper/gtk-3.0/assets/scale-slider-vert@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark.png new file mode 120000 index 0000000..4d60003 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark.png @@ -0,0 +1 @@ +selected-checkbox-checked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark@2.png new file mode 120000 index 0000000..fb174d2 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark@2.png @@ -0,0 +1 @@ +selected-checkbox-checked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-active.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-active.png new file mode 120000 index 0000000..b0d52ba --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-active.png @@ -0,0 +1 @@ +selected-checkbox-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-active@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-active@2.png new file mode 120000 index 0000000..b360d3d --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-active@2.png @@ -0,0 +1 @@ +selected-checkbox-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark.png new file mode 120000 index 0000000..de25817 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark.png @@ -0,0 +1 @@ +checkbox-checked-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark@2.png new file mode 120000 index 0000000..3be27ad --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark@2.png @@ -0,0 +1 @@ +checkbox-checked-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop.png new file mode 120000 index 0000000..602f411 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop.png @@ -0,0 +1 @@ +checkbox-checked-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop@2.png new file mode 120000 index 0000000..c632815 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop@2.png @@ -0,0 +1 @@ +checkbox-checked-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-dark.png index 9706934..91ec56a 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-checked-dark.png and b/Paper/gtk-3.0/assets/selected-checkbox-checked-dark.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-dark@2.png index ed88253..26a6e15 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-checked-dark@2.png and b/Paper/gtk-3.0/assets/selected-checkbox-checked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-hover-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-hover-dark.png new file mode 120000 index 0000000..4d60003 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-hover-dark.png @@ -0,0 +1 @@ +selected-checkbox-checked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-hover-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-hover-dark@2.png new file mode 120000 index 0000000..fb174d2 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-hover-dark@2.png @@ -0,0 +1 @@ +selected-checkbox-checked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-hover.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-hover.png new file mode 120000 index 0000000..b0d52ba --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-hover.png @@ -0,0 +1 @@ +selected-checkbox-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-hover@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-hover@2.png new file mode 120000 index 0000000..b360d3d --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-hover@2.png @@ -0,0 +1 @@ +selected-checkbox-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked.png b/Paper/gtk-3.0/assets/selected-checkbox-checked.png index 23c283a..4a9aab2 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-checked.png and b/Paper/gtk-3.0/assets/selected-checkbox-checked.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked@2.png index b8cfe42..72d07e0 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-checked@2.png and b/Paper/gtk-3.0/assets/selected-checkbox-checked@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-mixed-active-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-mixed-active-dark.png new file mode 120000 index 0000000..1c3c6d9 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-mixed-active-dark.png @@ -0,0 +1 @@ +selected-checkbox-mixed-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-mixed-active-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-mixed-active-dark@2.png new file mode 120000 index 0000000..abafb27 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-mixed-active-dark@2.png @@ -0,0 +1 @@ +selected-checkbox-mixed-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-mixed-active.png b/Paper/gtk-3.0/assets/selected-checkbox-mixed-active.png new file mode 120000 index 0000000..45c1003 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-mixed-active.png @@ -0,0 +1 @@ +selected-checkbox-mixed.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-mixed-active@2.png b/Paper/gtk-3.0/assets/selected-checkbox-mixed-active@2.png new file mode 120000 index 0000000..3ee4579 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-mixed-active@2.png @@ -0,0 +1 @@ +selected-checkbox-mixed@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-mixed-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-mixed-dark.png index c4c0469..b0fb608 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-mixed-dark.png and b/Paper/gtk-3.0/assets/selected-checkbox-mixed-dark.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-mixed-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-mixed-dark@2.png index 8a5c7d5..468bd0e 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-mixed-dark@2.png and b/Paper/gtk-3.0/assets/selected-checkbox-mixed-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-mixed.png b/Paper/gtk-3.0/assets/selected-checkbox-mixed.png index cac3c85..fa1fa8b 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-mixed.png and b/Paper/gtk-3.0/assets/selected-checkbox-mixed.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-mixed@2.png b/Paper/gtk-3.0/assets/selected-checkbox-mixed@2.png index 36acb74..a2693c3 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-mixed@2.png and b/Paper/gtk-3.0/assets/selected-checkbox-mixed@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active-dark.png new file mode 120000 index 0000000..29c505c --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active-dark.png @@ -0,0 +1 @@ +selected-checkbox-unchecked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active-dark@2.png new file mode 120000 index 0000000..1c58285 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active-dark@2.png @@ -0,0 +1 @@ +selected-checkbox-unchecked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active.png new file mode 120000 index 0000000..9285c1d --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active.png @@ -0,0 +1 @@ +selected-checkbox-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active@2.png new file mode 120000 index 0000000..67b593e --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-active@2.png @@ -0,0 +1 @@ +selected-checkbox-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop-dark.png new file mode 120000 index 0000000..a606d5a --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop-dark.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop-dark@2.png new file mode 120000 index 0000000..d10daf0 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop-dark@2.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop.png new file mode 120000 index 0000000..362147e --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop@2.png new file mode 120000 index 0000000..34446c0 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop@2.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-dark.png index c68841f..4a130dc 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-dark.png and b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-dark.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-dark@2.png index 9ed8585..7ec900e 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-dark@2.png and b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark.png new file mode 120000 index 0000000..29c505c --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark.png @@ -0,0 +1 @@ +selected-checkbox-unchecked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark@2.png new file mode 120000 index 0000000..1c58285 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark@2.png @@ -0,0 +1 @@ +selected-checkbox-unchecked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover.png new file mode 120000 index 0000000..9285c1d --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover.png @@ -0,0 +1 @@ +selected-checkbox-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover@2.png new file mode 120000 index 0000000..67b593e --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover@2.png @@ -0,0 +1 @@ +selected-checkbox-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked.png index 4c8cec3..370a167 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-unchecked.png and b/Paper/gtk-3.0/assets/selected-checkbox-unchecked.png differ diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked@2.png index 8789fa5..3c0f60f 100644 Binary files a/Paper/gtk-3.0/assets/selected-checkbox-unchecked@2.png and b/Paper/gtk-3.0/assets/selected-checkbox-unchecked@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-active-dark.png b/Paper/gtk-3.0/assets/selected-radio-checked-active-dark.png new file mode 120000 index 0000000..52b465c --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-active-dark.png @@ -0,0 +1 @@ +selected-radio-checked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-active-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-checked-active-dark@2.png new file mode 120000 index 0000000..cef10ae --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-active-dark@2.png @@ -0,0 +1 @@ +selected-radio-checked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-active.png b/Paper/gtk-3.0/assets/selected-radio-checked-active.png new file mode 120000 index 0000000..96a0170 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-active.png @@ -0,0 +1 @@ +selected-radio-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-active@2.png b/Paper/gtk-3.0/assets/selected-radio-checked-active@2.png new file mode 120000 index 0000000..2c99b78 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-active@2.png @@ -0,0 +1 @@ +selected-radio-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-dark.png b/Paper/gtk-3.0/assets/selected-radio-checked-dark.png index 7417ee4..94a4cc6 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-checked-dark.png and b/Paper/gtk-3.0/assets/selected-radio-checked-dark.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-checked-dark@2.png index fbfd9e7..ffcb7a7 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-checked-dark@2.png and b/Paper/gtk-3.0/assets/selected-radio-checked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-hover.png b/Paper/gtk-3.0/assets/selected-radio-checked-hover.png new file mode 120000 index 0000000..96a0170 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-hover.png @@ -0,0 +1 @@ +selected-radio-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-hover@2.png b/Paper/gtk-3.0/assets/selected-radio-checked-hover@2.png new file mode 120000 index 0000000..2c99b78 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-hover@2.png @@ -0,0 +1 @@ +selected-radio-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked.png b/Paper/gtk-3.0/assets/selected-radio-checked.png index 0a6c908..d2a490c 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-checked.png and b/Paper/gtk-3.0/assets/selected-radio-checked.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-checked@2.png b/Paper/gtk-3.0/assets/selected-radio-checked@2.png index 3eb5b6a..1d24382 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-checked@2.png and b/Paper/gtk-3.0/assets/selected-radio-checked@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed-active-dark.png b/Paper/gtk-3.0/assets/selected-radio-mixed-active-dark.png new file mode 120000 index 0000000..e4c39c9 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-mixed-active-dark.png @@ -0,0 +1 @@ +selected-radio-mixed-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed-active-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-mixed-active-dark@2.png new file mode 120000 index 0000000..e4e7ef1 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-mixed-active-dark@2.png @@ -0,0 +1 @@ +selected-radio-mixed-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed-active.png b/Paper/gtk-3.0/assets/selected-radio-mixed-active.png new file mode 120000 index 0000000..68ec35d --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-mixed-active.png @@ -0,0 +1 @@ +selected-radio-mixed.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed-active@2.png b/Paper/gtk-3.0/assets/selected-radio-mixed-active@2.png new file mode 120000 index 0000000..5d3f38e --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-mixed-active@2.png @@ -0,0 +1 @@ +selected-radio-mixed@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed-dark.png b/Paper/gtk-3.0/assets/selected-radio-mixed-dark.png index fac5e31..3a8cdde 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-mixed-dark.png and b/Paper/gtk-3.0/assets/selected-radio-mixed-dark.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-mixed-dark@2.png index f5cff18..414e943 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-mixed-dark@2.png and b/Paper/gtk-3.0/assets/selected-radio-mixed-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed.png b/Paper/gtk-3.0/assets/selected-radio-mixed.png index d6df7bf..2ba94dc 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-mixed.png and b/Paper/gtk-3.0/assets/selected-radio-mixed.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed@2.png b/Paper/gtk-3.0/assets/selected-radio-mixed@2.png index c812764..2f0415d 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-mixed@2.png and b/Paper/gtk-3.0/assets/selected-radio-mixed@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark.png new file mode 120000 index 0000000..4e1f599 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark.png @@ -0,0 +1 @@ +selected-radio-unchecked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark@2.png new file mode 120000 index 0000000..8912b8f --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark@2.png @@ -0,0 +1 @@ +selected-radio-unchecked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-active.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-active.png new file mode 120000 index 0000000..702a7fc --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-active.png @@ -0,0 +1 @@ +selected-radio-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-active@2.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-active@2.png new file mode 120000 index 0000000..24e07f7 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-active@2.png @@ -0,0 +1 @@ +selected-radio-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-dark.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-dark.png index 352d82d..aaf3f4f 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-unchecked-dark.png and b/Paper/gtk-3.0/assets/selected-radio-unchecked-dark.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-dark@2.png index b9867d2..fa6688b 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-unchecked-dark@2.png and b/Paper/gtk-3.0/assets/selected-radio-unchecked-dark@2.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-hover.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-hover.png new file mode 120000 index 0000000..702a7fc --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-hover.png @@ -0,0 +1 @@ +selected-radio-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-hover@2.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-hover@2.png new file mode 120000 index 0000000..24e07f7 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-hover@2.png @@ -0,0 +1 @@ +selected-radio-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked.png b/Paper/gtk-3.0/assets/selected-radio-unchecked.png index 96d8e85..0d5b93d 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-unchecked.png and b/Paper/gtk-3.0/assets/selected-radio-unchecked.png differ diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked@2.png b/Paper/gtk-3.0/assets/selected-radio-unchecked@2.png index c66c1a6..afcda16 100644 Binary files a/Paper/gtk-3.0/assets/selected-radio-unchecked@2.png and b/Paper/gtk-3.0/assets/selected-radio-unchecked@2.png differ diff --git a/Paper/gtk-3.0/granite-widgets.css b/Paper/gtk-3.0/granite-widgets.css new file mode 100644 index 0000000..cb70307 --- /dev/null +++ b/Paper/gtk-3.0/granite-widgets.css @@ -0,0 +1,95 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*********** + * Popover * + **********/ + +GraniteWidgetsPopOver { + + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + + border: 1px solid @base; + background: @base; + color: @text; + +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.popover_bg { + background-color: @base; + background-image: none; + border: 1px solid @base; + color: @text; +} + +GraniteWidgetsPopOver .sidebar.view { + border: none; + background: none; +} + +/*Button*/ +GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; +} + +GraniteWidgetsPopOver .button:active { + border: none; + background: none; + color: @selection; +} + +GraniteWidgetsPopOver .button:active:hover { + background: none; + background-color: alpha(@selection, 0.05); + border: none; + color: @selection; +} + + +/*********** + * Welcome * + **********/ + +GraniteWidgetsWelcome { + background-color: @base; +} + +GraniteWidgetsWelcome GtkLabel { + color: @foreground; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: alpha(@foreground, 0.8); +} + +GraniteWidgetsModeButtonItem { + border-radius: 0; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/gtk-common.css b/Paper/gtk-3.0/gtk-common.css new file mode 100644 index 0000000..7d9f0da --- /dev/null +++ b/Paper/gtk-3.0/gtk-common.css @@ -0,0 +1,132 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********************** + * Common Definitions * + **********************/ + +/* Insensitive colors */ +@define-color insensitive_base shade(@base, 0.95); +@define-color insensitive_background @background; +@define-color insensitive_foreground alpha(@foreground, 0.5); +@define-color insensitive_border shade(@border, 1.1); +@define-color insensitive_button @insensitive_background; +@define-color insensitive_separator shade(@separator, 1.05); +@define-color insensitive_text shade(@background, 0.8); +@define-color insensitive_selection shade(@selection, 1.05); + +/* Backdrop colors */ +@define-color backdrop_base shade(@base, 0.99); +@define-color backdrop_background shade(@background, 0.99); +@define-color backdrop_foreground shade(@foreground, 1.2); +@define-color backdrop_border shade(@border, 1.02); +@define-color backdrop_separator alpha(@separator, 0.9); +@define-color backdrop_text shade(@text, 1.1); +@define-color backdrop_selection shade(@selection, 0.95); + +/* Backdrop-insensitive colors */ +@define-color backdrop_insensitive_border mix(@backdrop_background, @backdrop_border, 0.5); +@define-color backdrop_insensitive_foreground mix(@backdrop_background, @backdrop_foreground, 0.5); +@define-color backdrop_insensitive_background mix(@backdrop_background, @backdrop_base, 0.5); +@define-color backdrop_insensitive_text mix(@backdrop_text, @insensitive_text, 0.5); + +/* Backdrop-selected colors */ +@define-color backdrop_selected_background shade(@selection, 0.9); +@define-color backdrop_selection @backdrop_selected_background; +@define-color backdrop_selection_foreground shade(@selection_foreground, 0.9); + +/* Hover colors */ +@define-color hover_base shade(@base, 1.02); +@define-color hover_background rgba(255,255,255,0.2); +@define-color hover_foreground shade(@foreground, 1.02); +@define-color hover_border shade(@border, 1.02); +@define-color hover_text shade(@foreground, 1.02); +@define-color hover_selection shade(@selection, 1.3); + +/* Active colors */ +@define-color active_text shade(@foreground, 1.3); + +/* Selected color */ +@define-color selected_background @selection; +@define-color selected_border shade(@selection, 0.9); +@define-color selection_foreground alpha(#000, 0.3); +@define-color selected_foreground @selection_foreground; + +/**************** + * Theme colors * + ***************/ + +@define-color theme_base @base; +@define-color theme_base_color @base; + +@define-color theme_bg_color @background; +@define-color theme_background @background; +@define-color bg_color @background; +@define-color fg_color @foreground; +@define-color theme_foreground @foreground; + +@define-color theme_selected_background @selected_background; +@define-color selected_bg_color @selected_background; +@define-color theme_selection_foreground @selection_foreground; + +@define-color theme_text @foreground; +@define-color theme_text_color @foreground; + + +/***************** + * Trough Colors * + *****************/ + +@define-color trough_background shade(@background, 0.9); +@define-color backdrop_trough_background shade(@trough_background, 0.95); +@define-color insensitive_trough_background shade(@trough_background, 1.05); + +@define-color trough_border shade(@border, 1.02); +@define-color backdrop_trough_border shade(@backdrop_border, 1.2); +@define-color insensitive_trough_border shade(@insensitive_border, 1.2); + + +/********************* + * Internal elements * + *********************/ +@define-color internal_element @base; +@define-color internal_element_prelight @selection; + +@define-color inset_light alpha(white, 0.45); +@define-color inset_dark alpha(#000, 0.07); + +/***************** + * Miscellaneous * + *****************/ +@define-color placeholder_text_color shade(@foreground, 2.0); +@define-color view_symbolic shade(@internal_element, 0.50); + +/* GNOME Apps */ +@define-color entry_tag_background #3465a4; + +/*********** + * Popover * + ***********/ +@define-color osd_popover_background alpha(@panel, 0.90); + +/*********** + * Imports * + ***********/ + +/* Import App-Specific CSS */ +@import url("apps.css"); \ No newline at end of file diff --git a/Paper/gtk-3.0/gtk-dark.css b/Paper/gtk-3.0/gtk-dark.css index 08adb5a..957531d 100644 --- a/Paper/gtk-3.0/gtk-dark.css +++ b/Paper/gtk-3.0/gtk-dark.css @@ -15,10174 +15,40 @@ * You should have received a copy of the GNU General Public License along * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. */ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* widget text/foreground color */ -@define-color theme_fg_color #A1A8AB; -/* text color for entries, views and content in general */ -@define-color theme_text_color #A1A8AB; -/* widget base background color */ -@define-color theme_bg_color #4F585C; -/* text widgets and the like base background color */ -@define-color theme_base_color #636E73; -/* base background color of selections */ -@define-color theme_selected_bg_color #667f8c; -/* text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* base background color of insensitive widgets */ -@define-color insensitive_bg_color #576165; -/* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #788084; -/* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #636E73; -/* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #788084; -/* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #A1A8AB; -/* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #4F585C; -/* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #657176; -/* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #667f8c; -/* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* widgets main borders color */ -@define-color borders #33393b; -/* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #363c3e; -/* these are pretty self explicative */ -@define-color warning_color #feea3a; -@define-color error_color #f34235; -@define-color success_color #167848; -/* these colors are exported for the window manager and shouldn't be used in applications, -read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#A1A8AB, 1.8); -@define-color wm_unfocused_title #788084; -@define-color wm_highlight transparent; -@define-color wm_borders_edge rgba(255, 255, 255, 0.1); -@define-color wm_bg_a shade(#4F585C, 1.2); -@define-color wm_bg_b #4F585C; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#4F585C, 1.3); -@define-color wm_button_hover_color_b #4F585C; -@define-color wm_button_active_color_a shade(#4F585C, 0.85); -@define-color wm_button_active_color_b shade(#4F585C, 0.89); -@define-color wm_button_active_color_c shade(#4F585C, 0.9); -@define-color content_view_bg #636E73; + /********** - * Common * + * Colors * **********/ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #f34235; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkTreeView-expander-size: 11; - -GtkTreeView-horizontal-separator: 4; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkPaned-handle-size: 1; - -gtk-secondary-caret-color: #667f8c; } + +/* Base colors */ +@define-color base #636E73;/* Base color */ +@define-color background #4F585C;/* Background color */ +@define-color foreground #A1A8AB;/* Foreground color */ +@define-color border shade(@background, 0.8);/* Borders color */ +@define-color separator alpha(#000, 0.1);/* Separator color */ +@define-color text @foreground;/* Text color */ +@define-color header #3B4245;/* Header color */ +@define-color backdrop_header shade(@header, 0.9); /* Header backdrop color */ +@define-color header_text alpha(#fff, 0.8);/* Header text color */ +@define-color selection #90a4ae;/* Selection color */ +@define-color view_background @base;/* View background */ +@define-color inactive_frame @border;/* Inactive frame color */ +@define-color text_shadow alpha(white, 0.4);/* Text shadow */ +@define-color icon_shadow @text_shadow;/* Icon shadow */ +@define-color progress_color #90a4ae; /* Progress color */ + +/* Hightlight & shadow colors */ +@define-color highlight alpha(#fff, 0.2); +@define-color shadow alpha(#000, 0.2); /*********** - * Widgets * + * Imports * ***********/ -/*************** -* Action bars * -***************/ -.action-bar { - background-color: #373e41; - border: solid #33393b; - border-width: 1px 0 0 0; - color: #A1A8AB; - box-shadow: none; } - .action-bar:backdrop { - background-color: #373e41; - box-shadow: none; - -gtk-image-effect: dim; } - .action-bar:first-child { - border-radius: 6px 6px 0px 0px; - border-width: 1px 1px 0px 1px; } - .action-bar:last-child { - border-radius: 0 0 6px 6px; - border-width: 0px 1px 1px 1px; } -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: rgba(32, 37, 38, 0.8); - background-clip: padding-box; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; - transition: 200ms ease-out; } - .app-notification border, - .app-notification.frame border { - border: none; } +/* Import Main CSS */ +@import url("granite-widgets.css"); +@import url("gtk-widgets.css"); +@import url("gtk-common.css"); -/*************** - * Base States * - ***************/ -.background { - color: #A1A8AB; - background-color: #4F585C; } - .background:backdrop { - color: #788084; - background-color: #4F585C; - text-shadow: none; - -gtk-icon-shadow: none; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:insensitive { - -gtk-icon-effect: dim; } - -*:disabled { - -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - color: #A1A8AB; - background-color: #4F585C; } - .gtkstyle-fallback:hover { - color: #A1A8AB; - background-color: #677277; } - .gtkstyle-fallback:active { - color: #A1A8AB; - background-color: #373e41; } - .gtkstyle-fallback:disabled { - color: #788084; - background-color: #576165; } - .gtkstyle-fallback:selected { - color: #ffffff; - background-color: #667f8c; } - -.view, GtkIconView, -iconview, -GtkTextView text, -textview text { - color: #A1A8AB; - background-color: #636E73; } - .view:backdrop, GtkIconView:backdrop, - iconview:backdrop, - GtkTextView text:backdrop, - textview text:backdrop { - color: #959da0; - background-color: #657176; } - .view:selected:focus, GtkIconView:selected:focus, - iconview:selected:focus, .view:selected, GtkIconView:selected, - iconview:selected, - GtkTextView text:selected:focus, - textview text:selected:focus, - GtkTextView text:selected, - textview text:selected { - border-radius: 3px; } - -GtkTextView, -textview border { - background-color: #596368; - background-image: image(rgba(0, 0, 0, 0.2)); - background-repeat: no-repeat; } - GtkTextView:backdrop, - textview border:backdrop { - background-color: #5a6569; } - GtkTextView.bottom, - textview border.bottom { - background-size: 100% 1px; - background-position: top; } - GtkTextView.top, - textview border.top { - background-size: 100% 1px; - background-position: bottom; } - GtkTextView.left, - textview border.left { - background-size: 1px 100%; - background-position: right; } - GtkTextView.right, - textview border.right { - background-size: 1px 100%; - background-position: left; } - -GtkIconView, -iconview { - background-color: transparent; } - GtkIconView:backdrop, - iconview:backdrop { - background-color: transparent; } - -.rubberband, -rubberband, -GtkFlow rubberband, -flowbox rubberband, -.content-view rubberband, -GtkTreeView.view .rubberband, -GtkTreeView.view rubberband, -treeview.view .rubberband, -treeview.view rubberband { - border: 1px solid #51646e; - background-color: rgba(81, 100, 110, 0.2); } - -GtkFlow flowboxchild, -flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } - GtkFlow flowboxchild:selected, - flowbox flowboxchild:selected { - outline-offset: -2px; } - -GtkLabel.separator, -label.separator { - color: #A1A8AB; } - GtkLabel.separator:backdrop, - label.separator:backdrop { - color: #788084; } -GtkLabel selection, -label selection { - background-color: #667f8c; - color: #ffffff; } -GtkLabel:disabled, -label:disabled { - color: #788084; } - GtkLabel:disabled:backdrop, - label:disabled:backdrop { - color: #727f85; } -GtkLabel:backdrop, -label:backdrop { - color: #788084; } - -.dim-label, GtkLabel.separator, -label.separator, .titlebar:not(headerbar) .subtitle, -.header-bar .subtitle, -headerbar .subtitle { - opacity: 0.55; - text-shadow: none; } - -GtkAssistant, -assistant { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkAssistant .sidebar, - assistant .sidebar { - background-color: #636E73; - border-top: 1px solid #33393b; - border-bottom-left-radius: 4px; } - GtkAssistant .sidebar:backdrop, - assistant .sidebar:backdrop { - background-color: #657176; - border-color: #363c3e; } - GtkAssistant.csd .sidebar, - assistant.csd .sidebar { - border-top-style: none; } - GtkAssistant .sidebar GtkLabel, - GtkAssistant .sidebar label, - assistant .sidebar GtkLabel, - assistant .sidebar label { - padding: 6px 12px; } - GtkAssistant .sidebar GtkLabel.highlight, - GtkAssistant .sidebar label.highlight, - assistant .sidebar GtkLabel.highlight, - assistant .sidebar label.highlight { - background-color: #5f686c; } - -.app-notification, -.app-notification.frame, .osd .scale-popup, .csd .popover.background.touch-selection, .csd .popover.background.magnifier, .popover.background.touch-selection, .popover.background.magnifier, .csd -popover.background.touch-selection, .csd -popover.background.magnifier, -popover.background.touch-selection, -popover.background.magnifier, .csd .popover.background.osd, .popover.background.osd, .csd -popover.background.osd, -popover.background.osd, -.osd { - color: #A1A8AB; - border: none; - background-color: rgba(32, 37, 38, 0.8); - background-clip: padding-box; - outline-color: rgba(161, 168, 171, 0.3); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification:backdrop, .osd .scale-popup:backdrop, .popover.background.touch-selection:backdrop, .popover.background.magnifier:backdrop, - popover.background.touch-selection:backdrop, - popover.background.magnifier:backdrop, .popover.background.osd:backdrop, - popover.background.osd:backdrop, - .osd:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#90a4ae), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#667f8c), to(transparent)); } } -notebook > header > tabs > arrow, -.button, -button { - min-height: 20px; - min-width: 16px; - padding: 4px 9px; - border: 1px solid #33393b; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #4F585C, #434b4e); - text-shadow: 0 1px rgba(0, 0, 0, 0.73176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - button.sidebar-button, notebook > header > tabs > arrow, - .button.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - button.sidebar-button:hover, notebook > header > tabs > arrow:hover, - .button.flat:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, - .button.flat:hover:active, - button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, - .button:hover, - button:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); - text-shadow: 0 1px rgba(0, 0, 0, 0.68376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - .button:active, - .button:checked, - button:active, - button:checked { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #3f4649, #4a5357); - text-shadow: 0 1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); - transition-duration: 50ms; } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat, - .button:backdrop, - button:backdrop.flat, - button:backdrop { - border-color: #363c3e; - background-image: linear-gradient(to bottom, #4F585C); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; - -gtk-icon-effect: none; } - button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat GtkLabel, - .button:backdrop.flat, - .button:backdrop GtkLabel, - .button:backdrop, - button:backdrop.flat GtkLabel, - button:backdrop.flat, - button:backdrop GtkLabel, - button:backdrop { - color: #788084; } - button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat label, - .button:backdrop.flat, - .button:backdrop label, - .button:backdrop, - button:backdrop.flat label, - button:backdrop.flat, - button:backdrop label, - button:backdrop { - color: #788084; } - button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active, - .button:backdrop.flat:checked, - .button:backdrop:active, - .button:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - border-color: #363c3e; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active GtkLabel, - .button:backdrop.flat:active, - .button:backdrop.flat:checked GtkLabel, - .button:backdrop.flat:checked, - .button:backdrop:active GtkLabel, - .button:backdrop:active, - .button:backdrop:checked GtkLabel, - .button:backdrop:checked, - button:backdrop.flat:active GtkLabel, - button:backdrop.flat:active, - button:backdrop.flat:checked GtkLabel, - button:backdrop.flat:checked, - button:backdrop:active GtkLabel, - button:backdrop:active, - button:backdrop:checked GtkLabel, - button:backdrop:checked { - color: #788084; } - button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active label, - .button:backdrop.flat:active, - .button:backdrop.flat:checked label, - .button:backdrop.flat:checked, - .button:backdrop:active label, - .button:backdrop:active, - .button:backdrop:checked label, - .button:backdrop:checked, - button:backdrop.flat:active label, - button:backdrop.flat:active, - button:backdrop.flat:checked label, - button:backdrop.flat:checked, - button:backdrop:active label, - button:backdrop:active, - button:backdrop:checked label, - button:backdrop:checked { - color: #788084; } - button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled, - .button:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - border-color: #363c3e; - background-image: none; - background-color: #576165; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled GtkLabel, - .button:backdrop.flat:disabled, - .button:backdrop:disabled GtkLabel, - .button:backdrop:disabled, - button:backdrop.flat:disabled GtkLabel, - button:backdrop.flat:disabled, - button:backdrop:disabled GtkLabel, - button:backdrop:disabled { - color: #727f85; } - button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled label, - .button:backdrop.flat:disabled, - .button:backdrop:disabled label, - .button:backdrop:disabled, - button:backdrop.flat:disabled label, - button:backdrop.flat:disabled, - button:backdrop:disabled label, - button:backdrop:disabled { - color: #727f85; } - button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - .button:backdrop.flat:disabled:active, - .button:backdrop.flat:disabled:checked, - .button:backdrop:disabled:active, - .button:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - border-color: #363c3e; - background-image: none; - background-color: #4b5457; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, - .button:backdrop.flat:disabled:active label, - .button:backdrop.flat:disabled:checked label, - .button:backdrop:disabled:active label, - .button:backdrop:disabled:checked label, - button:backdrop.flat:disabled:active label, - button:backdrop.flat:disabled:checked label, - button:backdrop:disabled:active label, - button:backdrop:disabled:checked label { - color: #727f85; } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, - .button.flat:backdrop, - .button.flat:disabled, - .button.flat:backdrop:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled, - .button:insensitive, - .button:disabled, - button:insensitive, - button:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:insensitive GtkLabel, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled, - .button:insensitive GtkLabel, - .button:insensitive, - .button:disabled GtkLabel, - .button:disabled, - button:insensitive GtkLabel, - button:insensitive, - button:disabled GtkLabel, - button:disabled { - color: #788084; } - notebook > header > tabs > arrow:insensitive label, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled, - .button:insensitive label, - .button:insensitive, - .button:disabled label, - .button:disabled, - button:insensitive label, - button:insensitive, - button:disabled label, - button:disabled { - color: #788084; } - notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active, - .button:insensitive:checked, - .button:disabled:active, - .button:disabled:checked, - button:insensitive:active, - button:insensitive:checked, - button:disabled:active, - button:disabled:checked { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - notebook > header > tabs > arrow:insensitive:active GtkLabel, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked GtkLabel, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active GtkLabel, - .button:insensitive:active, - .button:insensitive:checked GtkLabel, - .button:insensitive:checked, - .button:disabled:active GtkLabel, - .button:disabled:active, - .button:disabled:checked GtkLabel, - .button:disabled:checked, - button:insensitive:active GtkLabel, - button:insensitive:active, - button:insensitive:checked GtkLabel, - button:insensitive:checked, - button:disabled:active GtkLabel, - button:disabled:active, - button:disabled:checked GtkLabel, - button:disabled:checked { - color: #788084; } - notebook > header > tabs > arrow:insensitive:active label, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked label, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active label, - .button:insensitive:active, - .button:insensitive:checked label, - .button:insensitive:checked, - .button:disabled:active label, - .button:disabled:active, - .button:disabled:checked label, - .button:disabled:checked, - button:insensitive:active label, - button:insensitive:active, - button:insensitive:checked label, - button:insensitive:checked, - button:disabled:active label, - button:disabled:active, - button:disabled:checked label, - button:disabled:checked { - color: #788084; } - notebook > header > tabs > arrow.image-button, - .button.image-button, - button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button, - .button.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - .button.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button GtkLabel, - notebook > header > tabs > arrow.text-button.image-button label, - .button.text-button.image-button GtkLabel, - .button.text-button.image-button label, - button.text-button.image-button GtkLabel, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - GtkComboBox:drop(active) button.combo, - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - .button:drop(active), - button:drop(active) { - color: #4e9a06; - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected -.button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected -button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #788084; } -.button.osd, -button.osd { - min-width: 24px; - min-height: 32px; - color: #A1A8AB; - border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd.image-button, - button.osd.image-button { - min-width: 32px; } - .button.osd:hover, - button.osd:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd:active, - .button.osd:checked, - button.osd:active, - button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd:insensitive:backdrop, - .button.osd:insensitive, - .button.osd:disabled:backdrop, - .button.osd:disabled, - button.osd:insensitive:backdrop, - button.osd:insensitive, - button.osd:disabled:backdrop, - button.osd:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - .button.osd:backdrop, - button.osd:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } -.app-notification .button, .app-notification button, -.app-notification.frame .button, -.app-notification.frame button, .csd .popover.background.touch-selection button, .csd .popover.background.magnifier button, .popover.background.touch-selection button, .popover.background.magnifier button, .csd -popover.background.touch-selection button, .csd -popover.background.magnifier button, -popover.background.touch-selection button, -popover.background.magnifier button, .osd -.button, .osd -button { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:hover, .app-notification button:hover, .popover.background.touch-selection button:hover, .popover.background.magnifier button:hover, - popover.background.touch-selection button:hover, - popover.background.magnifier button:hover, .osd - .button:hover, .osd - button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover.background.touch-selection button:active:backdrop, .popover.background.magnifier button:active:backdrop, - popover.background.touch-selection button:active:backdrop, - popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover.background.touch-selection button:active, .popover.background.magnifier button:active, - popover.background.touch-selection button:active, - popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover.background.touch-selection button:checked:backdrop, .popover.background.magnifier button:checked:backdrop, - popover.background.touch-selection button:checked:backdrop, - popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover.background.touch-selection button:checked, .popover.background.magnifier button:checked, - popover.background.touch-selection button:checked, - popover.background.magnifier button:checked, .osd - .button:active:backdrop, .osd - .button:active, .osd - .button:checked:backdrop, .osd - .button:checked, .osd - button:active:backdrop, .osd - button:active, .osd - button:checked:backdrop, .osd - button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, .popover.background.touch-selection button:disabled:backdrop, .popover.background.magnifier button:disabled:backdrop, - popover.background.touch-selection button:disabled:backdrop, - popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, .popover.background.touch-selection button:disabled, .popover.background.magnifier button:disabled, - popover.background.touch-selection button:disabled, - popover.background.magnifier button:disabled, .osd - .button:disabled:backdrop, .osd - .button:disabled, .osd - button:disabled:backdrop, .osd - button:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .button:backdrop, .app-notification button:backdrop, .popover.background.touch-selection button:backdrop, .popover.background.magnifier button:backdrop, - popover.background.touch-selection button:backdrop, - popover.background.magnifier button:backdrop, .osd - .button:backdrop, .osd - button:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .flat.button, .app-notification button.flat, .popover.background.touch-selection button.flat, .popover.background.magnifier button.flat, - popover.background.touch-selection button.flat, - popover.background.magnifier button.flat, .osd - .button.flat, .osd - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification .flat.button:hover, .app-notification button.flat:hover, .popover.background.touch-selection button.flat:hover, .popover.background.magnifier button.flat:hover, - popover.background.touch-selection button.flat:hover, - popover.background.magnifier button.flat:hover, .osd - .button.flat:hover, .osd - button.flat:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .flat.button:disabled, .app-notification button.flat:disabled, .popover.background.touch-selection button.flat:disabled, .popover.background.magnifier button.flat:disabled, - popover.background.touch-selection button.flat:disabled, - popover.background.magnifier button.flat:disabled, .osd - .button.flat:disabled, .osd - button.flat:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, .popover.background.touch-selection button.flat:backdrop, .popover.background.magnifier button.flat:backdrop, - popover.background.touch-selection button.flat:backdrop, - popover.background.magnifier button.flat:backdrop, .osd - .button.flat:backdrop, .osd - button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .flat.button:active, .app-notification button.flat:active, .popover.background.touch-selection button.flat:active, .popover.background.magnifier button.flat:active, - popover.background.touch-selection button.flat:active, - popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, .popover.background.touch-selection button.flat:checked, .popover.background.magnifier button.flat:checked, - popover.background.touch-selection button.flat:checked, - popover.background.magnifier button.flat:checked, .osd - .button.flat:active, .osd - .button.flat:checked, .osd - button.flat:active, .osd - button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } -.button.suggested-action, -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #303c42; - background-image: linear-gradient(to bottom, #667f8c, #5b717d); - text-shadow: 0 1px rgba(0, 0, 0, 0.62039); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62039); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action.flat, - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #667f8c; } - .button.suggested-action:hover, - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #303c42; - background-image: linear-gradient(to bottom, #68828f, #627986 60%, #5d7480); - text-shadow: 0 1px rgba(0, 0, 0, 0.57239); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.57239); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .button.suggested-action:active, - .button.suggested-action:checked, - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #303c42; - background-image: linear-gradient(to bottom, #576c77, #627986); - text-shadow: 0 1px rgba(0, 0, 0, 0.70039); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70039); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - border-color: #303c42; - background-image: linear-gradient(to bottom, #667f8c); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop GtkLabel, - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop GtkLabel, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop GtkLabel, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop GtkLabel, - button.suggested-action.flat:backdrop { - color: #e0e5e8; } - .button.suggested-action:backdrop label, - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop label, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop label, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop label, - button.suggested-action.flat:backdrop { - color: #e0e5e8; } - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - border-color: #303c42; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action:backdrop:active GtkLabel, - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked GtkLabel, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active GtkLabel, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked GtkLabel, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active GtkLabel, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked GtkLabel, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active GtkLabel, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked GtkLabel, - button.suggested-action.flat:backdrop:checked { - color: #dce0e2; } - .button.suggested-action:backdrop:active label, - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked label, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active label, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked label, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active label, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked label, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active label, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked label, - button.suggested-action.flat:backdrop:checked { - color: #dce0e2; } - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: #363c3e; - background-image: none; - background-color: #576165; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:disabled GtkLabel, - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled GtkLabel, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled GtkLabel, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled GtkLabel, - button.suggested-action.flat:backdrop:disabled { - color: #727f85; } - .button.suggested-action:backdrop:disabled label, - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled label, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled label, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled label, - button.suggested-action.flat:backdrop:disabled { - color: #727f85; } - .button.suggested-action:backdrop:disabled:active, - .button.suggested-action:backdrop:disabled:checked, - .button.suggested-action.flat:backdrop:disabled:active, - .button.suggested-action.flat:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { - border-color: #303c42; - background-image: none; - background-color: #5b6f79; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action:backdrop:disabled:active label, - .button.suggested-action:backdrop:disabled:checked label, - .button.suggested-action.flat:backdrop:disabled:active label, - .button.suggested-action.flat:backdrop:disabled:checked label, - button.suggested-action:backdrop:disabled:active label, - button.suggested-action:backdrop:disabled:checked label, - button.suggested-action.flat:backdrop:disabled:active label, - button.suggested-action.flat:backdrop:disabled:checked label { - color: #94a1a8; } - .button.suggested-action.flat:backdrop, - .button.suggested-action.flat:disabled, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(102, 127, 140, 0.8); } - .button.suggested-action:disabled, - button.suggested-action:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .button.suggested-action:disabled GtkLabel, - .button.suggested-action:disabled, - button.suggested-action:disabled GtkLabel, - button.suggested-action:disabled { - color: #788084; } - .button.suggested-action:disabled label, - .button.suggested-action:disabled, - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: #788084; } - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - border-color: #303c42; - background-image: none; - background-color: #5b6f79; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action:disabled:active GtkLabel, - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked GtkLabel, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active GtkLabel, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked GtkLabel, - button.suggested-action:disabled:checked { - color: #bdc5c9; } - .button.suggested-action:disabled:active label, - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked label, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active label, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked label, - button.suggested-action:disabled:checked { - color: #bdc5c9; } - .osd - .button.suggested-action, .osd - button.suggested-action { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:hover, .osd - button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:active:backdrop, .osd - .button.suggested-action:active, .osd - .button.suggested-action:checked:backdrop, .osd - .button.suggested-action:checked, .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #667f8c); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:disabled:backdrop, .osd - .button.suggested-action:disabled, .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - .button.suggested-action:backdrop, .osd - button.suggested-action:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.button.destructive-action, -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #6f0e07; - background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c); - text-shadow: 0 1px rgba(0, 0, 0, 0.61569); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action.flat, - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #e71d0e; } - .button.destructive-action:hover, - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #6f0e07; - background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d); - text-shadow: 0 1px rgba(0, 0, 0, 0.56769); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56769); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .button.destructive-action:active, - .button.destructive-action:checked, - button.destructive-action:active, - button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #6f0e07; - background-image: linear-gradient(to bottom, #c6180c, #de1b0d); - text-shadow: 0 1px rgba(0, 0, 0, 0.69569); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.69569); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - border-color: #6f0e07; - background-image: linear-gradient(to bottom, #e71d0e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop GtkLabel, - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop GtkLabel, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop GtkLabel, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop GtkLabel, - button.destructive-action.flat:backdrop { - color: #fad2cf; } - .button.destructive-action:backdrop label, - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop label, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop label, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop label, - button.destructive-action.flat:backdrop { - color: #fad2cf; } - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - border-color: #6f0e07; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action:backdrop:active GtkLabel, - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked GtkLabel, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active GtkLabel, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked GtkLabel, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active GtkLabel, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked GtkLabel, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active GtkLabel, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked GtkLabel, - button.destructive-action.flat:backdrop:checked { - color: #f1d1ce; } - .button.destructive-action:backdrop:active label, - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked label, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active label, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked label, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active label, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked label, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active label, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked label, - button.destructive-action.flat:backdrop:checked { - color: #f1d1ce; } - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: #363c3e; - background-image: none; - background-color: #576165; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:disabled GtkLabel, - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled GtkLabel, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled GtkLabel, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled GtkLabel, - button.destructive-action.flat:backdrop:disabled { - color: #727f85; } - .button.destructive-action:backdrop:disabled label, - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled label, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled label, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled label, - button.destructive-action.flat:backdrop:disabled { - color: #727f85; } - .button.destructive-action:backdrop:disabled:active, - .button.destructive-action:backdrop:disabled:checked, - .button.destructive-action.flat:backdrop:disabled:active, - .button.destructive-action.flat:backdrop:disabled:checked, - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { - border-color: #6f0e07; - background-image: none; - background-color: #bd251a; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action:backdrop:disabled:active label, - .button.destructive-action:backdrop:disabled:checked label, - .button.destructive-action.flat:backdrop:disabled:active label, - .button.destructive-action.flat:backdrop:disabled:checked label, - button.destructive-action:backdrop:disabled:active label, - button.destructive-action:backdrop:disabled:checked label, - button.destructive-action.flat:backdrop:disabled:active label, - button.destructive-action.flat:backdrop:disabled:checked label { - color: #d4716a; } - .button.destructive-action.flat:backdrop, - .button.destructive-action.flat:disabled, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(231, 29, 14, 0.8); } - .button.destructive-action:disabled, - button.destructive-action:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .button.destructive-action:disabled GtkLabel, - .button.destructive-action:disabled, - button.destructive-action:disabled GtkLabel, - button.destructive-action:disabled { - color: #788084; } - .button.destructive-action:disabled label, - .button.destructive-action:disabled, - button.destructive-action:disabled label, - button.destructive-action:disabled { - color: #788084; } - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - border-color: #6f0e07; - background-image: none; - background-color: #bd251a; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action:disabled:active GtkLabel, - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked GtkLabel, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active GtkLabel, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked GtkLabel, - button.destructive-action:disabled:checked { - color: #e5a8a3; } - .button.destructive-action:disabled:active label, - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked label, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active label, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked label, - button.destructive-action:disabled:checked { - color: #e5a8a3; } - .osd - .button.destructive-action, .osd - button.destructive-action { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:hover, .osd - button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:active:backdrop, .osd - .button.destructive-action:active, .osd - .button.destructive-action:checked:backdrop, .osd - .button.destructive-action:checked, .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #e71d0e); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:disabled:backdrop, .osd - .button.destructive-action:disabled, .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - .button.destructive-action:backdrop, .osd - button.destructive-action:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.stack-switcher > -.button, .stack-switcher > -button { - outline-offset: -3px; } - .stack-switcher > - .button > label, .stack-switcher > - button > label { - padding-left: 6px; - padding-right: 6px; } - .stack-switcher > - .button > image, .stack-switcher > - button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - .stack-switcher > - .button.text-button, .stack-switcher > - button.text-button { - padding-left: 10px; - padding-right: 10px; } - .stack-switcher > - .button.image-button, .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, .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; } -.inline-toolbar -.button, .inline-toolbar -.button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop { - border-radius: 2px; - border-width: 1px; } -.primary-toolbar -.button, .primary-toolbar -button { - -gtk-icon-shadow: none; } - -.stack-switcher > -.button.needs-attention > label, -.stack-switcher > -.button.needs-attention > image, .stack-switcher > -button.needs-attention > label, -.stack-switcher > -button.needs-attention > image, .sidebar .list-row.needs-attention > label, -.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label, -stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#90a4ae), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; } - .stack-switcher > - .button.needs-attention > label:backdrop, - .stack-switcher > - .button.needs-attention > image:backdrop, .stack-switcher > - button.needs-attention > label:backdrop, - .stack-switcher > - button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop, - .sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop, - stacksidebar row.needs-attention > label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > - .button.needs-attention > label:dir(rtl), - .stack-switcher > - .button.needs-attention > image:dir(rtl), .stack-switcher > - button.needs-attention > label:dir(rtl), - .stack-switcher > - button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl), - .sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl), - stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 2px; } - -.inline-toolbar toolbutton > button { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #4F585C, #434b4e); - text-shadow: 0 1px rgba(0, 0, 0, 0.73176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); - text-shadow: 0 1px rgba(0, 0, 0, 0.68376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #3f4649, #4a5357); - text-shadow: 0 1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled { - color: #788084; } - .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #788084; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked { - color: #788084; } - .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: #788084; } - .inline-toolbar toolbutton > button:backdrop { - border-color: #363c3e; - background-image: linear-gradient(to bottom, #4F585C); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { - color: #788084; } - .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #788084; } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #363c3e; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { - color: #788084; } - .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #788084; } - .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #363c3e; - background-image: none; - background-color: #576165; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #727f85; } - .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #727f85; } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #363c3e; - background-image: none; - background-color: #4b5457; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: #727f85; } - -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar -.button, .inline-toolbar -.button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop, .linked > -.button, .linked > -.button:hover, .linked > -.button:active, .linked > -.button:checked, .linked > -.button:backdrop, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > -.entry, .linked:not(.vertical) > -entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.inline-toolbar -.button:first-child, .inline-toolbar -button:first-child, .linked > -.button:first-child, .linked > -button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(rtl), -combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -.entry:first-child, .linked:not(.vertical) > -entry:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } -.inline-toolbar -.button:last-child, .inline-toolbar -button:last-child, .linked > -.button:last-child, .linked > -button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(ltr), -combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -.entry:last-child, .linked:not(.vertical) > -entry:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; } -.inline-toolbar -.button:only-child, .inline-toolbar -button:only-child, .linked > -.button:only-child, .linked > -button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -.entry:only-child, .linked:not(.vertical) > -entry:only-child { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > -.button, .linked.vertical > -.button:hover, .linked.vertical > -.button:active, .linked.vertical > -.button:checked, .linked.vertical > -.button:backdrop, .linked.vertical > -button, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop, .linked.vertical > .spinbutton:not(.vertical), -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > -.entry, .linked.vertical > -entry, .linked.vertical > combobox > box > button.combo { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > -.button:first-child, .linked.vertical > -button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > -.entry:first-child, .linked.vertical > -entry:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -.linked.vertical > -.button:last-child, .linked.vertical > -button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > -.entry:last-child, .linked.vertical > -entry:last-child { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; } -.linked.vertical > -.button:only-child, .linked.vertical > -button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > -.entry:only-child, .linked.vertical > -entry:only-child { - border-radius: 3px; - border-style: solid; } - -modelbutton.flat, .popover.background .check, -.popover.background checkbutton, -.popover.background .radio, -.popover.background radiobutton, -popover.background .check, -popover.background checkbutton, -popover.background .radio, -popover.background radiobutton, -.menuitem.button.flat, modelbutton.flat:backdrop, -popover.background checkbutton:backdrop, -popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, .popover.background .check:backdrop:hover, -.popover.background checkbutton:backdrop:hover, -.popover.background .radio:backdrop:hover, -.popover.background radiobutton:backdrop:hover, -popover.background .check:backdrop:hover, -popover.background checkbutton:backdrop:hover, -popover.background .radio:backdrop:hover, -popover.background radiobutton:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, GtkCalendar.button, -calendar.button, GtkCalendar.button:hover, -calendar.button:hover, GtkCalendar.button:backdrop, -calendar.button:backdrop, GtkCalendar.button:disabled, -calendar.button:disabled, button:link, -.button:link, -button:visited, -.button:visited, button:link:hover, button:link:active, button:link:checked, -.button:link:hover, -.button:link:active, -.button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, -.button:visited:hover, -.button:visited:active, -.button:visited:checked, .scale-popup .button:hover, -.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:disabled, .scale-popup .button:backdrop, -.scale-popup button:backdrop:hover, -.scale-popup button:backdrop:disabled, -.scale-popup button:backdrop { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat, .popover.background .check, -.popover.background checkbutton, -.popover.background .radio, -.popover.background radiobutton, -popover.background .check, -popover.background checkbutton, -popover.background .radio, -popover.background radiobutton, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 3px; - outline-offset: -2px; } - modelbutton.flat:hover, .popover.background .check:hover, - .popover.background checkbutton:hover, - .popover.background .radio:hover, - .popover.background radiobutton:hover, - popover.background .check:hover, - popover.background checkbutton:hover, - popover.background .radio:hover, - popover.background radiobutton:hover, - .menuitem.button.flat:hover { - background-color: #5b656a; } - modelbutton.flat check:last-child, .popover.background .check check:last-child, - .popover.background checkbutton check:last-child, - .popover.background .radio check:last-child, - .popover.background radiobutton check:last-child, - popover.background .check check:last-child, - popover.background checkbutton check:last-child, - popover.background .radio check:last-child, - popover.background radiobutton check:last-child, - modelbutton.flat radio:last-child, - .popover.background .check radio:last-child, - .popover.background checkbutton radio:last-child, - .popover.background .radio radio:last-child, - .popover.background radiobutton radio:last-child, - popover.background .check radio:last-child, - popover.background checkbutton radio:last-child, - popover.background .radio radio:last-child, - popover.background radiobutton radio:last-child, - .menuitem.button.flat check:last-child, - .menuitem.button.flat radio:last-child { - margin-left: 8px; } - modelbutton.flat check:first-child, .popover.background .check check:first-child, - .popover.background checkbutton check:first-child, - .popover.background .radio check:first-child, - .popover.background radiobutton check:first-child, - popover.background .check check:first-child, - popover.background checkbutton check:first-child, - popover.background .radio check:first-child, - popover.background radiobutton check:first-child, - modelbutton.flat radio:first-child, - .popover.background .check radio:first-child, - .popover.background checkbutton radio:first-child, - .popover.background .radio radio:first-child, - .popover.background radiobutton radio:first-child, - popover.background .check radio:first-child, - popover.background checkbutton radio:first-child, - popover.background .radio radio:first-child, - popover.background radiobutton radio:first-child, - .menuitem.button.flat check:first-child, - .menuitem.button.flat radio:first-child { - margin-right: 8px; } - -modelbutton.flat arrow, .popover.background .check arrow, -.popover.background checkbutton arrow, -.popover.background .radio arrow, -.popover.background radiobutton arrow, -popover.background .check arrow, -popover.background checkbutton arrow, -popover.background .radio arrow, -popover.background radiobutton arrow { - background: none; } - modelbutton.flat arrow:hover, .popover.background .check arrow:hover, - .popover.background checkbutton arrow:hover, - .popover.background .radio arrow:hover, - .popover.background radiobutton arrow:hover, - popover.background .check arrow:hover, - popover.background checkbutton arrow:hover, - popover.background .radio arrow:hover, - popover.background radiobutton arrow:hover { - background: none; } - modelbutton.flat arrow.left, .popover.background .check arrow.left, - .popover.background checkbutton arrow.left, - .popover.background .radio arrow.left, - .popover.background radiobutton arrow.left, - popover.background .check arrow.left, - popover.background checkbutton arrow.left, - popover.background .radio arrow.left, - popover.background radiobutton arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, .popover.background .check arrow.right, - .popover.background checkbutton arrow.right, - .popover.background .radio arrow.right, - .popover.background radiobutton arrow.right, - popover.background .check arrow.right, - popover.background checkbutton arrow.right, - popover.background .radio arrow.right, - popover.background radiobutton arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -button.color { - padding: 4px; } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - -/************ - * Calendar * - ***********/ -GtkCalendar, -calendar { - color: #A1A8AB; - border: 1px solid #33393b; } - GtkCalendar:selected, - calendar:selected { - border-radius: 3px; } - GtkCalendar.header, - calendar.header { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0; } - GtkCalendar.header:backdrop, - calendar.header:backdrop { - border-color: rgba(0, 0, 0, 0.1); } - GtkCalendar.button, - calendar.button { - color: rgba(161, 168, 171, 0.45); } - GtkCalendar.button:hover, - calendar.button:hover { - color: #A1A8AB; } - GtkCalendar.button:backdrop, - calendar.button:backdrop { - color: rgba(120, 128, 132, 0.45); } - GtkCalendar.button:disabled, - calendar.button:disabled { - color: rgba(120, 128, 132, 0.45); } - GtkCalendar:indeterminate, GtkCalendar:indeterminate:backdrop, - calendar:indeterminate, - calendar:indeterminate:backdrop { - color: alpha(currentColor,0.55); } - GtkCalendar.highlight, GtkCalendar.highlight:backdrop, - calendar.highlight, - calendar.highlight:backdrop { - font-size: smaller; - color: #A1A8AB; } - GtkCalendar:backdrop, - calendar:backdrop { - color: #959da0; - border-color: #363c3e; } - -/************************* - * Check and Radio Items * - *************************/ -check, -.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); - -gtk-icon-shadow: none; } - -radio, -.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); - -gtk-icon-shadow: none; } - -check:hover, -.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:hover, -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:active, -.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:active, -.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:backdrop, -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:backdrop, -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive, -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive, -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:backdrop, -.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:backdrop, -.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked, -.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked, -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:hover, -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:hover, -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:active, -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:active, -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:backdrop, -.check:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:backdrop, -.radio:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive, -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive, -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:backdrop, -.check:checked:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-backdrop-dark.png"), url("assets/checkbox-checked-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:backdrop, -.radio:checked:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-backdrop-dark.png"), url("assets/radio-checked-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent, -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent, -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:hover, -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:hover, -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:active, -.check:inconsistent:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:active, -.radio:inconsistent:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:backdrop, -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:backdrop, -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive, -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive, -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:backdrop, -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("assets/checkbox-mixed-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:backdrop, -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-backdrop-dark.png"), url("assets/radio-mixed-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:selected, -.check:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-dark.png"), url("assets/selected-checkbox-unchecked-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:selected, -.radio:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-dark.png"), url("assets/selected-radio-unchecked-dark@2.png")); - -gtk-icon-shadow: none; } - -check:hover:selected, -.check:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover-dark.png"), url("assets/selected-checkbox-unchecked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:hover:selected, -.radio:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover-dark.png"), url("assets/selected-radio-unchecked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:active:selected, -.check:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active-dark.png"), url("assets/selected-checkbox-unchecked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:active:selected, -.radio:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active-dark.png"), url("assets/selected-radio-unchecked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:backdrop:selected, -.check:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:backdrop:selected, -.radio:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-dark.png"), url("assets/selected-radio-unchecked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:selected, -.check:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:selected, -.radio:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive-dark.png"), url("assets/selected-radio-unchecked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:backdrop:selected, -.check:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:backdrop:selected, -.radio:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-radio-unchecked-backdrop-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:selected, -.check:checked:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-dark.png"), url("assets/selected-checkbox-checked-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:selected, -.radio:checked:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-dark.png"), url("assets/selected-radio-checked-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:hover:selected, -.check:checked:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover-dark.png"), url("assets/selected-checkbox-checked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:hover:selected, -.radio:checked:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover-dark.png"), url("assets/selected-radio-checked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:active:selected, -.check:checked:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active-dark.png"), url("assets/selected-checkbox-checked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:active:selected, -.radio:checked:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active-dark.png"), url("assets/selected-radio-checked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:backdrop:selected, -.check:checked:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-dark.png"), url("assets/selected-checkbox-checked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:backdrop:selected, -.radio:checked:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-dark.png"), url("assets/selected-radio-checked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:selected, -.check:checked:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-dark.png"), url("assets/selected-checkbox-checked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:selected, -.radio:checked:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-dark.png"), url("assets/selected-radio-checked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:backdrop:selected, -.check:checked:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-backdrop-dark.png"), url("assets/selected-checkbox-checked-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:backdrop:selected, -.radio:checked:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-backdrop-dark.png"), url("assets/selected-radio-checked-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:selected, -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-dark.png"), url("assets/selected-checkbox-mixed-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:selected, -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-dark.png"), url("assets/selected-radio-mixed-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:hover:selected, -.check:inconsistent:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover-dark.png"), url("assets/selected-checkbox-mixed-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:hover:selected, -.radio:inconsistent:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover-dark.png"), url("assets/selected-radio-mixed-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:active:selected, -.check:inconsistent:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active-dark.png"), url("assets/selected-checkbox-mixed-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:active:selected, -.radio:inconsistent:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active-dark.png"), url("assets/selected-radio-mixed-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:backdrop:selected, -.check:inconsistent:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-dark.png"), url("assets/selected-checkbox-mixed-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:backdrop:selected, -.radio:inconsistent:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-dark.png"), url("assets/selected-radio-mixed-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:selected, -.check:inconsistent:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-dark.png"), url("assets/selected-checkbox-mixed-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:selected, -.radio:inconsistent:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-dark.png"), url("assets/selected-radio-mixed-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:backdrop:selected, -.check:inconsistent:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-backdrop-dark.png"), url("assets/selected-checkbox-mixed-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:backdrop:selected, -.radio:inconsistent:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-backdrop-dark.png"), url("assets/selected-radio-mixed-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check, GtkIconView.content-view check, -iconview.content-view check, -.view.content-view.check, -GtkIconView.content-view.check, -iconview.content-view.check { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio, GtkIconView.content-view radio, -iconview.content-view radio, -.view.content-view.radio, -GtkIconView.content-view.radio, -iconview.content-view.radio { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked.png"), url("assets/radio-unchecked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:hover, GtkIconView.content-view check:hover, -iconview.content-view check:hover, -.view.content-view.check:hover, -GtkIconView.content-view.check:hover, -iconview.content-view.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:hover, GtkIconView.content-view radio:hover, -iconview.content-view radio:hover, -.view.content-view.radio:hover, -GtkIconView.content-view.radio:hover, -iconview.content-view.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:active, GtkIconView.content-view check:active, -iconview.content-view check:active, -.view.content-view.check:active, -GtkIconView.content-view.check:active, -iconview.content-view.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:active, GtkIconView.content-view radio:active, -iconview.content-view radio:active, -.view.content-view.radio:active, -GtkIconView.content-view.radio:active, -iconview.content-view.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, -iconview.content-view check:backdrop, -.view.content-view.check:backdrop, -GtkIconView.content-view.check:backdrop, -iconview.content-view.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, -iconview.content-view radio:backdrop, -.view.content-view.radio:backdrop, -GtkIconView.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive, GtkIconView.content-view check:insensitive, -iconview.content-view check:insensitive, -.view.content-view.check:insensitive, -GtkIconView.content-view.check:insensitive, -iconview.content-view.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive, -iconview.content-view radio:insensitive, -.view.content-view.radio:insensitive, -GtkIconView.content-view.radio:insensitive, -iconview.content-view.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop, -iconview.content-view check:insensitive:backdrop, -.view.content-view.check:insensitive:backdrop, -GtkIconView.content-view.check:insensitive:backdrop, -iconview.content-view.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop, -iconview.content-view radio:insensitive:backdrop, -.view.content-view.radio:insensitive:backdrop, -GtkIconView.content-view.radio:insensitive:backdrop, -iconview.content-view.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check, GtkIconView.content-view check, -iconview.content-view check, -.view.content-view.check, -GtkIconView.content-view.check, -iconview.content-view.check { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked.png"), url("assets/checkbox-checked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio, GtkIconView.content-view radio, -iconview.content-view radio, -.view.content-view.radio, -GtkIconView.content-view.radio, -iconview.content-view.radio { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked.png"), url("assets/radio-checked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:hover, GtkIconView.content-view check:hover, -iconview.content-view check:hover, -.view.content-view.check:hover, -GtkIconView.content-view.check:hover, -iconview.content-view.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:hover, GtkIconView.content-view radio:hover, -iconview.content-view radio:hover, -.view.content-view.radio:hover, -GtkIconView.content-view.radio:hover, -iconview.content-view.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:active, GtkIconView.content-view check:active, -iconview.content-view check:active, -.view.content-view.check:active, -GtkIconView.content-view.check:active, -iconview.content-view.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:active, GtkIconView.content-view radio:active, -iconview.content-view radio:active, -.view.content-view.radio:active, -GtkIconView.content-view.radio:active, -iconview.content-view.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-active.png"), url("assets/radio-checked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, -iconview.content-view check:backdrop, -.view.content-view.check:backdrop, -GtkIconView.content-view.check:backdrop, -iconview.content-view.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, -iconview.content-view radio:backdrop, -.view.content-view.radio:backdrop, -GtkIconView.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive, GtkIconView.content-view check:insensitive, -iconview.content-view check:insensitive, -.view.content-view.check:insensitive, -GtkIconView.content-view.check:insensitive, -iconview.content-view.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive, -iconview.content-view radio:insensitive, -.view.content-view.radio:insensitive, -GtkIconView.content-view.radio:insensitive, -iconview.content-view.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop, -iconview.content-view check:insensitive:backdrop, -.view.content-view.check:insensitive:backdrop, -GtkIconView.content-view.check:insensitive:backdrop, -iconview.content-view.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop, -iconview.content-view radio:insensitive:backdrop, -.view.content-view.radio:insensitive:backdrop, -GtkIconView.content-view.radio:insensitive:backdrop, -iconview.content-view.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.check.text-button, .radio.text-button, -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child, - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child, - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check, -.check, -radio, -.radio { - margin: 0 4px; } - .menu .menuitem check, menu menuitem check, .menu .menuitem - .check, menu menuitem - .check, .menu .menuitem - radio, menu menuitem - radio, .menu .menuitem - .radio, menu menuitem - .radio { - margin: 0; } - -menu menuitem check:not(:indeterminate):checked, -menu menuitem radio:not(:indeterminate):checked, -menu menuitem check:indeterminate:checked:active, -menu menuitem radio:indeterminate:checked { - animation: none; } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #A1A8AB; } -treeview.view check:selected:disabled, -treeview.view radio:selected:disabled { - color: #788084; } - treeview.view check:selected:disabled:backdrop, - treeview.view radio:selected:disabled:backdrop { - color: #727f85; } -treeview.view check:backdrop:selected, treeview.view check:backdrop, -treeview.view radio:backdrop:selected, -treeview.view radio:backdrop { - color: #788084; } - -/***************** - * Color Chooser * - *****************/ -GtkColorSwatch, GtkColorSwatch:drop(active), -colorswatch, -colorswatch:drop(active) { - border-style: none; } -GtkColorSwatch.top, -colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - GtkColorSwatch.top overlay, - colorswatch.top overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } -GtkColorSwatch.bottom, -colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - GtkColorSwatch.bottom overlay, - colorswatch.bottom overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } -GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top), -colorswatch.left, -colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay, - colorswatch.left overlay, - colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } -GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom), -colorswatch.right, -colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay, - colorswatch.right overlay, - colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } -GtkColorSwatch.dark overlay, -colorswatch.dark overlay { - color: #ffffff; } - GtkColorSwatch.dark overlay:hover, - colorswatch.dark overlay:hover { - border-color: #33393b; } - GtkColorSwatch.dark overlay:backdrop, - colorswatch.dark overlay:backdrop { - color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.light overlay, -colorswatch.light overlay { - color: #A1A8AB; } - GtkColorSwatch.light overlay:hover, - colorswatch.light overlay:hover { - border-color: #33393b; } - GtkColorSwatch.light overlay:backdrop, - colorswatch.light overlay:backdrop { - color: #959da0; } -GtkColorSwatch:drop(active), -colorswatch:drop(active) { - box-shadow: none; } - GtkColorSwatch:drop(active).light overlay, - colorswatch:drop(active).light overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; } - GtkColorSwatch:drop(active).dark overlay, - colorswatch:drop(active).dark overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; } -GtkColorSwatch overlay, -colorswatch overlay { - box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); - border: 1px solid #33393b; } - GtkColorSwatch overlay:hover, - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } - GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover, - colorswatch overlay:backdrop, - colorswatch overlay:backdrop:hover { - border-color: #33393b; - box-shadow: none; } -GtkColorSwatch#add-color-button, -colorswatch#add-color-button { - border-radius: 5px 5px 0 0; } - GtkColorSwatch#add-color-button:only-child, - colorswatch#add-color-button:only-child { - border-radius: 5px; } - GtkColorSwatch#add-color-button overlay, - colorswatch#add-color-button overlay { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #4F585C, #434b4e); - text-shadow: 0 1px rgba(0, 0, 0, 0.73176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - GtkColorSwatch#add-color-button overlay:hover, - colorswatch#add-color-button overlay:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); - text-shadow: 0 1px rgba(0, 0, 0, 0.68376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } - GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop { - border-color: #363c3e; - background-image: linear-gradient(to bottom, #4F585C); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop GtkLabel, - colorswatch#add-color-button overlay:backdrop { - color: #788084; } - GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop label, - colorswatch#add-color-button overlay:backdrop { - color: #788084; } -GtkColorSwatch:disabled, -colorswatch:disabled { - opacity: 0.5; } - GtkColorSwatch:disabled overlay, - colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } -row:selected GtkColorSwatch, row:selected -colorswatch { - box-shadow: 0 0 0 2px #ffffff; } -GtkColorSwatch#editor-color-sample, -colorswatch#editor-color-sample { - border-radius: 4px; } - GtkColorSwatch#editor-color-sample overlay, - colorswatch#editor-color-sample overlay { - border-radius: 4.5px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox arrow, -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } -GtkComboBox:drop(active), -combobox:drop(active) { - box-shadow: none; } - -/****************** - * Combobox Entry * - ******************/ -.combobox-entry button, -.combobox-entry .button { - box-shadow: none; } - .combobox-entry button:first-child, - .combobox-entry .button:first-child { - border-radius: 4px 0 0 4px; - border-right-width: 0; } - .combobox-entry button:last-child, - .combobox-entry .button:last-child { - border-radius: 0 4px 4px 0; } -.combobox-entry entry, -.combobox-entry .entry { - box-shadow: none; } - .combobox-entry entry:first-child, - .combobox-entry .entry:first-child { - border-radius: 4px 0 0 4px; - border-right-width: 0; } - .combobox-entry entry:last-child, - .combobox-entry .entry:last-child { - border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; } - -/*********** - * Dialogs * - ***********/ -.message-dialog .titlebar, -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #4F585C; - border-style: none; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .message-dialog .titlebar:backdrop, - messagedialog .titlebar:backdrop { - background-color: #4F585C; } -.message-dialog.csd, -messagedialog.csd { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); } - .message-dialog.csd.background, - messagedialog.csd.background { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - .message-dialog.csd .dialog-action-area .button, - .message-dialog.csd .dialog-action-area button, - messagedialog.csd .dialog-action-area .button, - messagedialog.csd .dialog-action-area button { - padding: 10px 14px; - border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } - .message-dialog.csd .dialog-action-area .button:first-child, - .message-dialog.csd .dialog-action-area button:first-child, - messagedialog.csd .dialog-action-area .button:first-child, - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 4px; } - .message-dialog.csd .dialog-action-area .button:last-child, - .message-dialog.csd .dialog-action-area button:last-child, - messagedialog.csd .dialog-action-area .button:last-child, - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 4px; } - -GtkFileChooserDialog, -filechooser { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkFileChooserDialog .dialog-action-box, - filechooser .dialog-action-box { - border-top: 1px solid #33393b; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkFileChooserDialog .dialog-action-box:backdrop, - filechooser .dialog-action-box:backdrop { - border-top-color: #363c3e; } - GtkFileChooserDialog #pathbarbox, - filechooser #pathbarbox { - border-bottom: 1px solid #4F585C; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/**************** - * Text Entries * - ****************/ -.spinbutton:not(.vertical), -spinbutton:not(.vertical), -.entry, -entry { - min-height: 20px; - padding: 4px 6px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #A1A8AB; - border-color: #33393b; - background-color: #636E73; - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } - .spinbutton:not(.vertical) GtkImage.left, - spinbutton:not(.vertical) GtkImage.left, - .spinbutton:not(.vertical) image.left, - spinbutton:not(.vertical) image.left, - .entry GtkImage.left, - .entry image.left, - entry GtkImage.left, - entry image.left { - padding-left: 0; - padding-right: 6px; } - .spinbutton:not(.vertical) GtkImage.right, - spinbutton:not(.vertical) GtkImage.right, - .spinbutton:not(.vertical) image.right, - spinbutton:not(.vertical) image.right, - .entry GtkImage.right, - .entry image.right, - entry GtkImage.right, - entry image.right { - padding-left: 6px; - padding-right: 0; } - .spinbutton:not(.vertical) undershoot.left, - spinbutton:not(.vertical) undershoot.left, - .entry undershoot.left, - entry 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; - box-shadow: none; } - .spinbutton:not(.vertical) undershoot.right, - spinbutton:not(.vertical) undershoot.right, - .entry undershoot.right, - entry 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; - box-shadow: none; } - .flat.spinbutton:focus:not(.vertical), - spinbutton.flat:focus:not(.vertical), .flat.spinbutton:not(.vertical), - spinbutton.flat:not(.vertical), - .entry.flat:focus, - .entry.flat, - entry.flat:focus, - entry.flat { - min-height: 0; - padding: 2px; - background-image: none; - border-color: transparent; - border-radius: 0; } - .spinbutton:focus:not(.vertical), - spinbutton:focus:not(.vertical), - .entry:focus, - entry:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #262f33; } - .spinbutton:insensitive:not(.vertical), - spinbutton:insensitive:not(.vertical), - .entry:insensitive, - entry:insensitive { - color: #788084; - border-color: #33393b; - background-image: linear-gradient(to bottom, #576165); - box-shadow: none; } - .spinbutton:disabled:not(.vertical), - spinbutton:disabled:not(.vertical), - .entry:disabled, - entry:disabled { - color: #788084; - border-color: #33393b; - background-image: linear-gradient(to bottom, #576165); - box-shadow: none; } - .spinbutton:backdrop:not(.vertical), - spinbutton:backdrop:not(.vertical), - .entry:backdrop, - entry:backdrop { - color: #959da0; - border-color: #363c3e; - background-image: linear-gradient(to bottom, #657176); - box-shadow: none; - transition: 200ms ease-out; } - .spinbutton:backdrop:insensitive:not(.vertical), - spinbutton:backdrop:insensitive:not(.vertical), - .entry:backdrop:insensitive, - entry:backdrop:insensitive { - color: #727f85; - border-color: #363c3e; - background-image: linear-gradient(to bottom, #576165); - box-shadow: none; } - .spinbutton:backdrop:disabled:not(.vertical), - spinbutton:backdrop:disabled:not(.vertical), - .entry:backdrop:disabled, - entry:backdrop:disabled { - color: #727f85; - border-color: #363c3e; - background-image: linear-gradient(to bottom, #576165); - box-shadow: none; } - .error.spinbutton:not(.vertical), - spinbutton.error:not(.vertical), - .entry.error, - entry.error { - color: #f34235; - border-color: #6f0e07; } - .error.spinbutton:focus:not(.vertical), - spinbutton.error:focus:not(.vertical), - .entry.error:focus, - entry.error:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #6f0e07; } - .error.spinbutton:selected:focus:not(.vertical), - spinbutton.error:selected:focus:not(.vertical), .error.spinbutton:selected:not(.vertical), - spinbutton.error:selected:not(.vertical), - .entry.error:selected:focus, - .entry.error:selected, - entry.error:selected:focus, - entry.error:selected { - background-color: #f34235; } - .warning.spinbutton:not(.vertical), - spinbutton.warning:not(.vertical), - .entry.warning, - entry.warning { - color: #feea3a; - border-color: #857701; } - .warning.spinbutton:focus:not(.vertical), - spinbutton.warning:focus:not(.vertical), - .entry.warning:focus, - entry.warning:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #857701; } - .warning.spinbutton:selected:focus:not(.vertical), - spinbutton.warning:selected:focus:not(.vertical), .warning.spinbutton:selected:not(.vertical), - spinbutton.warning:selected:not(.vertical), - .entry.warning:selected:focus, - .entry.warning:selected, - entry.warning:selected:focus, - entry.warning:selected { - background-color: #feea3a; } - .spinbutton:not(.vertical) GtkImage, - spinbutton:not(.vertical) GtkImage, - .spinbutton:not(.vertical) image, - spinbutton:not(.vertical) image, - .entry GtkImage, - .entry image, - entry GtkImage, - entry image { - color: #959ca0; } - .spinbutton:not(.vertical) GtkImage:hover, - spinbutton:not(.vertical) GtkImage:hover, - .spinbutton:not(.vertical) image:hover, - spinbutton:not(.vertical) image:hover, - .entry GtkImage:hover, - .entry image:hover, - entry GtkImage:hover, - entry image:hover { - color: #A1A8AB; } - .spinbutton:not(.vertical) GtkImage:active, - spinbutton:not(.vertical) GtkImage:active, - .spinbutton:not(.vertical) image:active, - spinbutton:not(.vertical) image:active, - .entry GtkImage:active, - .entry image:active, - entry GtkImage:active, - entry image:active { - color: #667f8c; } - .spinbutton:not(.vertical) GtkImage:backdrop, - spinbutton:not(.vertical) GtkImage:backdrop, - .spinbutton:not(.vertical) image:backdrop, - spinbutton:not(.vertical) image:backdrop, - .entry GtkImage:backdrop, - .entry image:backdrop, - entry GtkImage:backdrop, - entry image:backdrop { - color: #747d81; } - .spinbutton:drop(active):focus:not(.vertical), - spinbutton:drop(active):focus:not(.vertical), .spinbutton:drop(active):not(.vertical), - spinbutton:drop(active):not(.vertical), - .entry:drop(active):focus, - .entry:drop(active), - entry:drop(active):focus, - entry:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } - .osd .spinbutton:not(.vertical), - .osd spinbutton:not(.vertical), .osd - .entry, .osd - entry { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .spinbutton:focus:not(.vertical), - .osd spinbutton:focus:not(.vertical), .osd - .entry:focus, .osd - entry:focus { - color: white; - border-color: #667f8c; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .spinbutton:backdrop:not(.vertical), - .osd spinbutton:backdrop:not(.vertical), .osd - .entry:backdrop, .osd - entry:backdrop { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .spinbutton:disabled:not(.vertical), - .osd spinbutton:disabled:not(.vertical), .osd - .entry:disabled, .osd - entry:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.spinbutton:not(.vertical) .progressbar, -spinbutton:not(.vertical) .progressbar, -.spinbutton:not(.vertical) progress, -spinbutton:not(.vertical) progress, -.entry .progressbar, -.entry progress, -entry .progressbar, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #667f8c; - border-style: solid; - box-shadow: none; } - .spinbutton:not(.vertical) .progressbar:backdrop, - spinbutton:not(.vertical) .progressbar:backdrop, - .spinbutton:not(.vertical) progress:backdrop, - spinbutton:not(.vertical) progress:backdrop, - .entry .progressbar:backdrop, - .entry progress:backdrop, - entry .progressbar:backdrop, - entry progress:backdrop { - background-color: transparent; } -.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -.entry:focus + .spinbutton:not(.vertical), -.linked:not(.vertical) > .entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -.entry:focus + button, .linked:not(.vertical) > -.entry:focus + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus + .spinbutton:not(.vertical), -.linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus + button, .linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + -.entry, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -.entry, .linked:not(.vertical) > -.entry:focus + -.entry, .linked:not(.vertical) > -entry:focus + -.entry, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + -entry, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > -.entry:focus + -entry, .linked:not(.vertical) > -entry:focus + -entry { - border-left-color: #262f33; } -.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -.entry:drop(active) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -.entry:drop(active) + button, .linked:not(.vertical) > -.entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > -entry:drop(active) + .spinbutton:not(.vertical), -.linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:drop(active) + button, .linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + -.entry, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -.entry, .linked:not(.vertical) > -.entry:drop(active) + -.entry, .linked:not(.vertical) > -entry:drop(active) + -.entry, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + -entry, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > -.entry:drop(active) + -entry, .linked:not(.vertical) > -entry:drop(active) + -entry { - border-left-color: #4e9a06; } -.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -.entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -.entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #555e62; - background-image: linear-gradient(to bottom, #636E73); } - .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - .entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - .entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #576165; - background-image: linear-gradient(to bottom, #657176); } -.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled, -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled, -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -.entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -.entry:disabled + entry:disabled, .linked.vertical > -.entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -.entry:disabled + entry:disabled, .linked.vertical > -entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled, .linked.vertical > -entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled { - border-top-color: #555e62; } -.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + entry:focus:not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > -.entry + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -.entry + entry:focus:not(:only-child), .linked.vertical > -entry + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus:not(:only-child) { - border-top-color: #262f33; } -.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + entry:drop(active):not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > -.entry + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -.entry + entry:drop(active):not(:only-child), .linked.vertical > -entry + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:drop(active):not(:only-child) { - border-top-color: #4e9a06; } -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -.entry:focus:not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > .entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -.entry:focus:not(:only-child) + entry, -.linked.vertical > -.entry:focus:not(:only-child) + .entry, -.linked.vertical > -.entry:focus:not(:only-child) + button, -.linked.vertical > -.entry:focus:not(:only-child) + .button, -.linked.vertical > -.entry:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > -entry:focus:not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:focus:not(:only-child) + entry, -.linked.vertical > -entry:focus:not(:only-child) + .entry, -.linked.vertical > -entry:focus:not(:only-child) + button, -.linked.vertical > -entry:focus:not(:only-child) + .button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #262f33; } -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -.entry:drop(active):not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -.entry:drop(active):not(:only-child) + entry, -.linked.vertical > -.entry:drop(active):not(:only-child) + .entry, -.linked.vertical > -.entry:drop(active):not(:only-child) + button, -.linked.vertical > -.entry:drop(active):not(:only-child) + .button, -.linked.vertical > -.entry:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > -entry:drop(active):not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:drop(active):not(:only-child) + entry, -.linked.vertical > -entry:drop(active):not(:only-child) + .entry, -.linked.vertical > -entry:drop(active):not(:only-child) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + .button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #4e9a06; } - -GtkTreeView .acceleditor > label, -treeview acceleditor > label { - background-color: #667f8c; } - -GtkTreeView .entry.flat, GtkTreeView .entry, -treeview entry.flat, -treeview entry { - border-radius: 0; - background-image: none; - background-color: #636E73; } - GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus, - treeview entry.flat:focus, - treeview entry:focus { - border-color: #667f8c; } - -/************* - * Expanders * - *************/ -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: #f2f3f3; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/**************** - * File chooser * - ****************/ -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #ffffff; } - placessidebar row:disabled, placessidebar row:insensitive { - color: #788084; } - placessidebar row:backdrop { - color: #788084; } - placessidebar row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - placessidebar row:backdrop:disabled { - color: #727f85; } - placessidebar row GtkImage.sidebar-icon, - placessidebar row image.sidebar-icon { - opacity: 0.7; } - placessidebar row GtkImage.sidebar-icon:dir(ltr), - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar row GtkImage.sidebar-icon:dir(rtl), - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar row GtkLabel.sidebar-label:dir(ltr), - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar row GtkLabel.sidebar-label:dir(rtl), - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#4e9a06); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #667f8c; } - placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } - placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #4e9a06; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -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 row.activatable:hover { - background-color: transparent; } -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; } - -/**************** - * Floating Bar * - ****************/ -.floating-bar { - padding: 2px; - background-color: #4F585C; - border-width: 1px; - border-style: solid solid none; - border-color: #33393b; - border-radius: 3px 3px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .floating-bar.bottom.left { - border-left-style: none; - border-top-left-radius: 0; } - .floating-bar.bottom.right { - border-right-style: none; - border-top-right-radius: 0; } - .floating-bar > .button { - padding: 4px; } - .floating-bar:backdrop { - background-color: #4F585C; - border-color: #363c3e; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #33393b; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #363c3e; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #33393b; } - actionbar > revealer > box:backdrop { - border-color: #363c3e; } - -GtkScrolledWindow GtkViewport.frame, -GtkScrolledWindow viewport.frame, -scrolledwindow GtkViewport.frame, -scrolledwindow viewport.frame { - border-style: none; } -GtkScrolledWindow overshoot.top, -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.top:backdrop, - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.bottom, -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.bottom:backdrop, - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.left, -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.left:backdrop, - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.right, -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.right:backdrop, - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.top, -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; - box-shadow: none; } -GtkScrolledWindow undershoot.bottom, -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; - box-shadow: none; } -GtkScrolledWindow undershoot.left, -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; - box-shadow: none; } -GtkScrolledWindow undershoot.right, -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; - box-shadow: none; } -GtkScrolledWindow junction, -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #33393b 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #596368; } - GtkScrolledWindow junction:dir(rtl), - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - GtkScrolledWindow junction:backdrop, - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #363c3e 1px, transparent 1px); - background-color: #485054; - transition: 200ms ease-out; } - -.separator, -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/************ - * Popovers * - ************/ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 8px; - -GraniteWidgetsPopOver-border-width: 0; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid #636E73; - background: #636E73; - color: #A1A8AB; } - GraniteWidgetsPopOver .button { - background-image: none; - background: none; - border: none; } - GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { - color: #667f8c; } - GraniteWidgetsPopOver > .frame { - border: none; } - GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar, - GraniteWidgetsPopOver iconview.sidebar { - border: none; - background: none; } - -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.popover_bg { - background-color: #636E73; - background-image: none; - border: 1px solid #636E73; - color: #A1A8AB; } - -/*********** - * Welcome * - **********/ -GraniteWidgetsWelcome { - background-color: #636E73; } - GraniteWidgetsWelcome GtkLabel { - color: #A1A8AB; } - GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(161, 168, 171, 0.8); } - -/************** -* Source List * -***************/ -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; - background-color: #4F585C; - border: solid #33393b; - color: #A1A8AB; - border-right-width: 1px; } - .source-list .category-expander { - color: transparent; } - .source-list .badge { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - color: #4F585C; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { - background-color: rgba(0, 0, 0, 0.2); - color: shade #4F585C, 0.95; } - .source-list row, - .source-list .list-row { - border: none; - padding: 0; } - .source-list row > GtkLabel, - .source-list row > label, - .source-list .list-row > GtkLabel, - .source-list .list-row > label { - padding-left: 6px; - padding-right: 6px; } - -/************** -* Storage Bar * -**************/ -.storage-bar .trough { - border: none; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); - background-image: none; - background-color: transparent; - padding: 8px 6px; } -.storage-bar .fill-block { - background-color: #feea3a; - border: none; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); - transition: all 200ms ease-in-out; - padding: 8px 6px; } - .storage-bar .fill-block:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - border-left-width: 1px; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block.empty-block { - background-color: #636E73; } - .storage-bar .fill-block.app { - background-color: #2095f2; } - .storage-bar .fill-block.audio { - background-color: #fe9700; } - .storage-bar .fill-block.photo { - background-color: #f34235; } - .storage-bar .fill-block.video { - background-color: #9b26af; } - .storage-bar .fill-block .legend { - padding: 12px; - border-radius: 4px; } - -/*************** - * Header Bars * - ***************/ -.titlebar:not(headerbar), -.header-bar, -headerbar { - min-height: 40px; - padding: 0 8px; - border: none; - border-radius: 4px 4px 0 0; - background-color: #3B4245; - color: rgba(255, 255, 255, 0.8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .titlebar:backdrop:not(headerbar), - .header-bar:backdrop, - headerbar:backdrop { - background-color: #3B4245; - color: rgba(255, 255, 255, 0.3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - .header-bar .title, - headerbar .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .title:backdrop, - .header-bar .title:backdrop, - headerbar .title:backdrop { - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .subtitle, - .header-bar .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - color: rgba(255, 255, 255, 0.8); } - .selection-mode.titlebar:not(headerbar), - .header-bar.selection-mode, - headerbar.selection-mode { - border-radius: 4px 4px 0 0; - color: #ffffff; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5); - border-color: #262f33; - background-color: #347D9F; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .selection-mode.titlebar:backdrop:not(headerbar), - .header-bar.selection-mode:backdrop, - headerbar.selection-mode:backdrop { - background-color: #275f79; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, - .header-bar.selection-mode .selection-menu:backdrop, - .header-bar.selection-mode .selection-menu, - headerbar.selection-mode .selection-menu:backdrop, - headerbar.selection-mode .selection-menu { - border-color: rgba(102, 127, 140, 0); - background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0)); - box-shadow: none; - text-shadow: none; - padding-left: 10px; - padding-right: 10px; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu:backdrop GtkArrow, - .header-bar.selection-mode .selection-menu GtkArrow, - headerbar.selection-mode .selection-menu:backdrop GtkArrow, - headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, - .header-bar.selection-mode .selection-menu:backdrop .arrow, - .header-bar.selection-mode .selection-menu .arrow, - headerbar.selection-mode .selection-menu:backdrop .arrow, - headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled - .header-bar:backdrop, .tiled - .header-bar, .maximized - .header-bar:backdrop, .maximized - .header-bar, .tiled - headerbar:backdrop, .tiled - headerbar, .maximized - headerbar:backdrop, .maximized - headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - .header-bar.default-decoration, - headerbar.default-decoration { - padding: 6px; - min-height: 28px; - background-color: #3B4245; - color: rgba(255, 255, 255, 0.8); } - .default-decoration.titlebar:not(headerbar) .maximized, - .header-bar.default-decoration .maximized, - headerbar.default-decoration .maximized { - padding: 6px; } - .default-decoration.titlebar:backdrop:not(headerbar), - .header-bar.default-decoration:backdrop, - headerbar.default-decoration:backdrop { - background-color: #2f3537; - color: rgba(255, 255, 255, 0.3); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton, - .default-decoration.titlebar:not(headerbar) button.titlebutton, - .header-bar.default-decoration .button.titlebutton, - .header-bar.default-decoration button.titlebutton, - headerbar.default-decoration .button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, - .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, - .header-bar.default-decoration .button.titlebutton:hover, - .header-bar.default-decoration button.titlebutton:hover, - headerbar.default-decoration .button.titlebutton:hover, - headerbar.default-decoration button.titlebutton:hover { - background-color: transparent; - color: rgba(255, 255, 255, 0.8); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, - .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar.default-decoration .button.titlebutton:backdrop, - .header-bar.default-decoration button.titlebutton:backdrop, - headerbar.default-decoration .button.titlebutton:backdrop, - headerbar.default-decoration button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, - .default-decoration.titlebar:not(headerbar) button.titlebutton:active, - .header-bar.default-decoration .button.titlebutton:active, - .header-bar.default-decoration button.titlebutton:active, - headerbar.default-decoration .button.titlebutton:active, - headerbar.default-decoration button.titlebutton:active { - background-color: rgba(255, 255, 255, 0.8); - color: #3B4245; - border-radius: 50%; - box-shadow: none; } - .titlebar:not(headerbar) .entry, - .titlebar:not(headerbar) entry, - .header-bar .entry, - .header-bar entry, - headerbar .entry, - headerbar entry { - margin: 6px 0; - min-height: 16px; - border-radius: 2px; - padding: 4px; - border: none; - box-shadow: none; - background: rgba(99, 110, 115, 0.95); - color: #A1A8AB; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .titlebar:not(headerbar) .entry > .image, - .titlebar:not(headerbar) entry > .image, - .header-bar .entry > .image, - .header-bar entry > .image, - headerbar .entry > .image, - headerbar entry > .image { - padding-right: 6px; - color: rgba(161, 168, 171, 0.8); } - .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, - .titlebar:not(headerbar) entry:active, - .titlebar:not(headerbar) entry:focus, - .header-bar .entry:active, - .header-bar .entry:focus, - .header-bar entry:active, - .header-bar entry:focus, - headerbar .entry:active, - headerbar .entry:focus, - headerbar entry:active, - headerbar entry:focus { - background: #636E73; - color: #A1A8AB; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, - .titlebar:not(headerbar) entry:active > .image, - .titlebar:not(headerbar) entry:focus > .image, - .header-bar .entry:active > .image, - .header-bar .entry:focus > .image, - .header-bar entry:active > .image, - .header-bar entry:focus > .image, - headerbar .entry:active > .image, - headerbar .entry:focus > .image, - headerbar entry:active > .image, - headerbar entry:focus > .image { - padding-right: 6px; - color: #A1A8AB; } - .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, - .titlebar:not(headerbar) entry:active:backdrop, - .titlebar:not(headerbar) entry:focus:backdrop, - .header-bar .entry:active:backdrop, - .header-bar .entry:focus:backdrop, - .header-bar entry:active:backdrop, - .header-bar entry:focus:backdrop, - headerbar .entry:active:backdrop, - headerbar .entry:focus:backdrop, - headerbar entry:active:backdrop, - headerbar entry:focus:backdrop { - background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:insensitive, - .titlebar:not(headerbar) entry:insensitive, - .header-bar .entry:insensitive, - .header-bar entry:insensitive, - headerbar .entry:insensitive, - headerbar entry:insensitive { - background: rgba(99, 110, 115, 0.6); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:insensitive > .image, - .titlebar:not(headerbar) entry:insensitive > .image, - .header-bar .entry:insensitive > .image, - .header-bar entry:insensitive > .image, - headerbar .entry:insensitive > .image, - headerbar entry:insensitive > .image { - padding-right: 6px; - color: rgba(161, 168, 171, 0.5); } - .titlebar:not(headerbar) .entry:insensitive:backdrop, - .titlebar:not(headerbar) entry:insensitive:backdrop, - .header-bar .entry:insensitive:backdrop, - .header-bar entry:insensitive:backdrop, - headerbar .entry:insensitive:backdrop, - headerbar entry:insensitive:backdrop { - background: rgba(99, 110, 115, 0.5); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:backdrop, - .titlebar:not(headerbar) entry:backdrop, - .header-bar .entry:backdrop, - .header-bar entry:backdrop, - headerbar .entry:backdrop, - headerbar entry:backdrop { - background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:backdrop > .image, - .titlebar:not(headerbar) entry:backdrop > .image, - .header-bar .entry:backdrop > .image, - .header-bar entry:backdrop > .image, - headerbar .entry:backdrop > .image, - headerbar entry:backdrop > .image { - color: rgba(161, 168, 171, 0.5); } - .titlebar:not(headerbar) .button, - .titlebar:not(headerbar) button, - .header-bar .button, - .header-bar button, - headerbar .button, - headerbar button { - background-color: transparent; - background-image: none; - border-radius: 0px; - border: none; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - padding: 10px; - margin: 0; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.flat, - .titlebar:not(headerbar) button.text-button, - .titlebar:not(headerbar) button.image-button, - .titlebar:not(headerbar) button.flat, - .header-bar .button.text-button, - .header-bar .button.image-button, - .header-bar .button.flat, - .header-bar button.text-button, - .header-bar button.image-button, - .header-bar button.flat, - headerbar .button.text-button, - headerbar .button.image-button, - headerbar .button.flat, - headerbar button.text-button, - headerbar button.image-button, - headerbar button.flat { - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.flat:backdrop, - .titlebar:not(headerbar) button.text-button:backdrop, - .titlebar:not(headerbar) button.image-button:backdrop, - .titlebar:not(headerbar) button.flat:backdrop, - .header-bar .button.text-button:backdrop, - .header-bar .button.image-button:backdrop, - .header-bar .button.flat:backdrop, - .header-bar button.text-button:backdrop, - .header-bar button.image-button:backdrop, - .header-bar button.flat:backdrop, - headerbar .button.text-button:backdrop, - headerbar .button.image-button:backdrop, - headerbar .button.flat:backdrop, - headerbar button.text-button:backdrop, - headerbar button.image-button:backdrop, - headerbar button.flat:backdrop { - background-color: transparent; - background-image: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button.linked, - .titlebar:not(headerbar) button.linked, - .header-bar .button.linked, - .header-bar button.linked, - headerbar .button.linked, - headerbar button.linked { - border-radius: 0px; - margin: 0; } - .titlebar:not(headerbar) .button:hover, - .titlebar:not(headerbar) button:hover, - .header-bar .button:hover, - .header-bar button:hover, - headerbar .button:hover, - headerbar button:hover { - background-image: none; - background-color: rgba(0, 0, 0, 0.15); - color: rgba(255, 255, 255, 0.8); - box-shadow: none; - text-shadow: none; } - .titlebar:not(headerbar) .button:backdrop, - .titlebar:not(headerbar) button:backdrop, - .header-bar .button:backdrop, - .header-bar button:backdrop, - headerbar .button:backdrop, - headerbar button:backdrop { - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, - .titlebar:not(headerbar) button:active, - .titlebar:not(headerbar) button:checked, - .header-bar .button:active, - .header-bar .button:checked, - .header-bar button:active, - .header-bar button:checked, - headerbar .button:active, - headerbar .button:checked, - headerbar button:active, - headerbar button:checked { - font: bold; - border-radius: 0px; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop, - .titlebar:not(headerbar) button:active:backdrop, - .titlebar:not(headerbar) button:checked:backdrop, - .header-bar .button:active:backdrop, - .header-bar .button:checked:backdrop, - .header-bar button:active:backdrop, - .header-bar button:checked:backdrop, - headerbar .button:active:backdrop, - headerbar .button:checked:backdrop, - headerbar button:active:backdrop, - headerbar button:checked:backdrop { - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.3); - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:disabled, - .titlebar:not(headerbar) button:insensitive, - .titlebar:not(headerbar) button:disabled, - .header-bar .button:insensitive, - .header-bar .button:disabled, - .header-bar button:insensitive, - .header-bar button:disabled, - headerbar .button:insensitive, - headerbar .button:disabled, - headerbar button:insensitive, - headerbar button:disabled { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop, - .titlebar:not(headerbar) button:insensitive, - .titlebar:not(headerbar) button:insensitive:backdrop, - .header-bar .button:insensitive, - .header-bar .button:insensitive:backdrop, - .header-bar button:insensitive, - .header-bar button:insensitive:backdrop, - headerbar .button:insensitive, - headerbar .button:insensitive:backdrop, - headerbar button:insensitive, - headerbar button:insensitive:backdrop { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) .button:insensitive image, - .titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop image, - .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage, - .titlebar:not(headerbar) button:insensitive image, - .titlebar:not(headerbar) button:insensitive GtkImage, - .titlebar:not(headerbar) button:insensitive:backdrop image, - .titlebar:not(headerbar) button:insensitive:backdrop GtkImage, - .header-bar .button:insensitive image, - .header-bar .button:insensitive GtkImage, - .header-bar .button:insensitive:backdrop image, - .header-bar .button:insensitive:backdrop GtkImage, - .header-bar button:insensitive image, - .header-bar button:insensitive GtkImage, - .header-bar button:insensitive:backdrop image, - .header-bar button:insensitive:backdrop GtkImage, - headerbar .button:insensitive image, - headerbar .button:insensitive GtkImage, - headerbar .button:insensitive:backdrop image, - headerbar .button:insensitive:backdrop GtkImage, - headerbar button:insensitive image, - headerbar button:insensitive GtkImage, - headerbar button:insensitive:backdrop image, - headerbar button:insensitive:backdrop GtkImage { - -gtk-image-effect: dim; } - .titlebar:not(headerbar) .button.titlebutton, - .titlebar:not(headerbar) button.titlebutton, - .header-bar .button.titlebutton, - .header-bar button.titlebutton, - headerbar .button.titlebutton, - headerbar button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.titlebutton:hover, - .titlebar:not(headerbar) button.titlebutton:hover, - .header-bar .button.titlebutton:hover, - .header-bar button.titlebutton:hover, - headerbar .button.titlebutton:hover, - headerbar button.titlebutton:hover { - background-color: transparent; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button.titlebutton:backdrop, - .titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar .button.titlebutton:backdrop, - .header-bar button.titlebutton:backdrop, - headerbar .button.titlebutton:backdrop, - headerbar button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button.titlebutton:active, - .titlebar:not(headerbar) button.titlebutton:active, - .header-bar .button.titlebutton:active, - .header-bar button.titlebutton:active, - headerbar .button.titlebutton:active, - headerbar button.titlebutton:active { - background-color: rgba(255, 255, 255, 0.8); - color: #3B4245; - border-radius: 50%; - box-shadow: none; } - .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.title-menu-button, - .titlebar:not(headerbar) button.menu-button, - .titlebar:not(headerbar) button.title-menu-button, - .header-bar .button.menu-button, - .header-bar .button.title-menu-button, - .header-bar button.menu-button, - .header-bar button.title-menu-button, - headerbar .button.menu-button, - headerbar .button.title-menu-button, - headerbar button.menu-button, - headerbar button.title-menu-button { - padding: 1px; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.title-menu-button:hover, - .titlebar:not(headerbar) button.menu-button:hover, - .titlebar:not(headerbar) button.title-menu-button:hover, - .header-bar .button.menu-button:hover, - .header-bar .button.title-menu-button:hover, - .header-bar button.menu-button:hover, - .header-bar button.title-menu-button:hover, - headerbar .button.menu-button:hover, - headerbar .button.title-menu-button:hover, - headerbar button.menu-button:hover, - headerbar button.title-menu-button:hover { - background-color: rgba(0, 0, 0, 0.1); - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.title-menu-button:backdrop, - .titlebar:not(headerbar) button.menu-button:backdrop, - .titlebar:not(headerbar) button.title-menu-button:backdrop, - .header-bar .button.menu-button:backdrop, - .header-bar .button.title-menu-button:backdrop, - .header-bar button.menu-button:backdrop, - .header-bar button.title-menu-button:backdrop, - headerbar .button.menu-button:backdrop, - headerbar .button.title-menu-button:backdrop, - headerbar button.menu-button:backdrop, - headerbar button.title-menu-button:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button.menu-button:active, .titlebar:not(headerbar) .button.title-menu-button:active, - .titlebar:not(headerbar) button.menu-button:active, - .titlebar:not(headerbar) button.title-menu-button:active, - .header-bar .button.menu-button:active, - .header-bar .button.title-menu-button:active, - .header-bar button.menu-button:active, - .header-bar button.title-menu-button:active, - headerbar .button.menu-button:active, - headerbar .button.title-menu-button:active, - headerbar button.menu-button:active, - headerbar button.title-menu-button:active { - background-color: #23282a; - color: rgba(255, 255, 255, 0.8); - box-shadow: none; } - .titlebar:not(headerbar) .separator, - .header-bar .separator, - headerbar .separator { - color: transparent; - background-color: transparent; } - -.titlebar, .titlebar:backdrop { - border-top-left-radius: 4px; - border-top-right-radius: 4px; } - -.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop, .separator:first-child + -headerbar, .separator:first-child + -headerbar:backdrop, separator:first-child + -headerbar, separator:first-child + -headerbar:backdrop, -headerbar:first-child, -headerbar:first-child:backdrop { - border-top-left-radius: 4px; } -.header-bar:last-child, .header-bar:last-child:backdrop, -headerbar:last-child, -headerbar:last-child:backdrop { - border-top-right-radius: 4px; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: #3B4245; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } - window.csd > .titlebar:not(headerbar):backdrop { - background-color: #2f3537; } - -/************** - * GtkInfoBar * - **************/ -.info, .warning, .question, .error, -GtkInfoBar, -infobar { - text-shadow: none; - color: #A1A8AB; - background-color: #4F585C; - border-bottom: 1px solid #373e41; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } - -.info, .warning, .question, .error { - text-shadow: none; - color: #ffffff; - border: none; } - .info .label, .warning .label, .question .label, .error .label { - color: #ffffff; } - .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { - color: rgba(255, 255, 255, 0.5); } - .info .button, .warning .button, .question .button, .error .button, - .info button, - .warning button, - .question button, - .error button { - border-radius: 2px; - border: none; - background: rgba(99, 110, 115, 0.95); - color: #A1A8AB; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .info .button .label, .warning .button .label, .question .button .label, .error .button .label, - .info button .label, - .warning button .label, - .question button .label, - .error button .label { - color: #A1A8AB; } - .info .button:active, .warning .button:active, .question .button:active, .error .button:active, - .info button:active, - .warning button:active, - .question button:active, - .error button:active { - background: #636E73; - color: #A1A8AB; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, - .info button:active:backdrop, - .warning button:active:backdrop, - .question button:active:backdrop, - .error button:active:backdrop { - background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, - .info button:hover, - .warning button:hover, - .question button:hover, - .error button:hover, - .info button:focus, - .warning button:focus, - .question button:focus, - .error button:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive, - .info button:insensitive, - .warning button:insensitive, - .question button:insensitive, - .error button:insensitive { - background: rgba(99, 110, 115, 0.6); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, - .info button:insensitive:backdrop, - .warning button:insensitive:backdrop, - .question button:insensitive:backdrop, - .error button:insensitive:backdrop { - background: rgba(99, 110, 115, 0.5); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, - .info button:backdrop, - .warning button:backdrop, - .question button:backdrop, - .error button:backdrop { - background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - -.info { - background-color: #2095f2; } - .info:backdrop { - background-color: #50acf5; - color: rgba(255, 255, 255, 0.5); } - -.warning { - background-color: #feea3a; } - .warning:backdrop { - background-color: #feef6d; - color: rgba(255, 255, 255, 0.5); } - -.question { - background-color: #1ea362; } - .question:backdrop { - background-color: #26ce7c; - color: rgba(255, 255, 255, 0.5); } - -.error { - background-color: #f34235; } - .error:backdrop { - background-color: #f66f65; - color: rgba(255, 255, 255, 0.5); } - -/************* - * Level Bar * - *************/ -GtkLevelBar, -.level-bar, -levelbar { - -GtkLevelBar-min-block-width: 32; - -GtkLevelBar-min-block-height: 8; } - GtkLevelBar:backdrop, - .level-bar:backdrop, - levelbar:backdrop { - transition: 200ms ease-out; } - GtkLevelBar .trough, - GtkLevelBar trough, - .level-bar .trough, - .level-bar trough, - levelbar .trough, - levelbar trough { - margin: 0; - padding: 2px; - border-radius: 3px; } - GtkLevelBar.horizontal.indicator-discrete.fill-block, - .level-bar.horizontal.indicator-discrete.fill-block, - levelbar.horizontal.indicator-discrete.fill-block { - margin: 0 1px; } - GtkLevelBar.horizontal.discrete block, - .level-bar.horizontal.discrete block, - levelbar.horizontal.discrete block { - margin: 0 1px; } - GtkLevelBar.vertical.indicator-discrete.fill-block, - .level-bar.vertical.indicator-discrete.fill-block, - levelbar.vertical.indicator-discrete.fill-block { - margin: 1px 0; } - GtkLevelBar.vertical.discrete block, - .level-bar.vertical.discrete block, - levelbar.vertical.discrete block { - margin: 1px 0; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical block, - GtkLevelBar .level-bar.vertical .fill-block, - .level-bar.vertical GtkLevelBar .fill-block, - GtkLevelBar .level-bar.vertical block, - .level-bar.vertical GtkLevelBar block, - GtkLevelBar levelbar.vertical .fill-block, - levelbar.vertical GtkLevelBar .fill-block, - GtkLevelBar levelbar.vertical block, - levelbar.vertical GtkLevelBar block, - GtkLevelBar .fill-block, - GtkLevelBar block, - .level-bar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical .level-bar .fill-block, - .level-bar GtkLevelBar.vertical block, - GtkLevelBar.vertical .level-bar block, - .level-bar.vertical .fill-block, - .level-bar.vertical block, - .level-bar levelbar.vertical .fill-block, - levelbar.vertical .level-bar .fill-block, - .level-bar levelbar.vertical block, - levelbar.vertical .level-bar block, - .level-bar .fill-block, - .level-bar block, - levelbar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical levelbar .fill-block, - levelbar GtkLevelBar.vertical block, - GtkLevelBar.vertical levelbar block, - levelbar .level-bar.vertical .fill-block, - .level-bar.vertical levelbar .fill-block, - levelbar .level-bar.vertical block, - .level-bar.vertical levelbar block, - levelbar.vertical .fill-block, - levelbar.vertical block, - levelbar .fill-block, - levelbar block { - border-radius: 2px; - min-width: 32px; - min-height: 2px; } - GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical block.low, - GtkLevelBar .level-bar.vertical .low.fill-block, - .level-bar.vertical GtkLevelBar .low.fill-block, - GtkLevelBar .level-bar.vertical block.low, - .level-bar.vertical GtkLevelBar block.low, - GtkLevelBar levelbar.vertical .low.fill-block, - levelbar.vertical GtkLevelBar .low.fill-block, - GtkLevelBar levelbar.vertical block.low, - levelbar.vertical GtkLevelBar block.low, GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical block.level-low, - GtkLevelBar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar .level-bar.vertical block.level-low, - .level-bar.vertical GtkLevelBar block.level-low, - GtkLevelBar levelbar.vertical .level-low.fill-block, - levelbar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar levelbar.vertical block.level-low, - levelbar.vertical GtkLevelBar block.level-low, - GtkLevelBar .fill-block.low, - GtkLevelBar .fill-block.level-low, - GtkLevelBar block.low, - GtkLevelBar block.level-low, - .level-bar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical .level-bar .low.fill-block, - .level-bar GtkLevelBar.vertical block.low, - GtkLevelBar.vertical .level-bar block.low, - .level-bar.vertical .low.fill-block, - .level-bar.vertical block.low, - .level-bar levelbar.vertical .low.fill-block, - levelbar.vertical .level-bar .low.fill-block, - .level-bar levelbar.vertical block.low, - levelbar.vertical .level-bar block.low, - .level-bar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical .level-bar .level-low.fill-block, - .level-bar GtkLevelBar.vertical block.level-low, - GtkLevelBar.vertical .level-bar block.level-low, - .level-bar.vertical .level-low.fill-block, - .level-bar.vertical block.level-low, - .level-bar levelbar.vertical .level-low.fill-block, - levelbar.vertical .level-bar .level-low.fill-block, - .level-bar levelbar.vertical block.level-low, - levelbar.vertical .level-bar block.level-low, - .level-bar .fill-block.low, - .level-bar .fill-block.level-low, - .level-bar block.low, - .level-bar block.level-low, - levelbar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical levelbar .low.fill-block, - levelbar GtkLevelBar.vertical block.low, - GtkLevelBar.vertical levelbar block.low, - levelbar .level-bar.vertical .low.fill-block, - .level-bar.vertical levelbar .low.fill-block, - levelbar .level-bar.vertical block.low, - .level-bar.vertical levelbar block.low, - levelbar.vertical .low.fill-block, - levelbar.vertical block.low, - levelbar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical levelbar .level-low.fill-block, - levelbar GtkLevelBar.vertical block.level-low, - GtkLevelBar.vertical levelbar block.level-low, - levelbar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical levelbar .level-low.fill-block, - levelbar .level-bar.vertical block.level-low, - .level-bar.vertical levelbar block.level-low, - levelbar.vertical .level-low.fill-block, - levelbar.vertical block.level-low, - levelbar .fill-block.low, - levelbar .fill-block.level-low, - levelbar block.low, - levelbar block.level-low { - border: 1px solid #fee507; - background-color: #feea3a; } - GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.low:backdrop, - .level-bar.vertical GtkLevelBar block.low:backdrop, - GtkLevelBar levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical GtkLevelBar .low.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.low:backdrop, - levelbar.vertical GtkLevelBar block.low:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-low:backdrop, - .level-bar.vertical GtkLevelBar block.level-low:backdrop, - GtkLevelBar levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-low.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-low:backdrop, - levelbar.vertical GtkLevelBar block.level-low:backdrop, - GtkLevelBar .fill-block.low:backdrop, - GtkLevelBar .fill-block.level-low:backdrop, - GtkLevelBar block.low:backdrop, - GtkLevelBar block.level-low:backdrop, - .level-bar GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .low.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar.vertical .level-bar block.low:backdrop, - .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical block.low:backdrop, - .level-bar levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical .level-bar .low.fill-block:backdrop, - .level-bar levelbar.vertical block.low:backdrop, - levelbar.vertical .level-bar block.low:backdrop, - .level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar.vertical .level-bar block.level-low:backdrop, - .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical block.level-low:backdrop, - .level-bar levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical .level-bar .level-low.fill-block:backdrop, - .level-bar levelbar.vertical block.level-low:backdrop, - levelbar.vertical .level-bar block.level-low:backdrop, - .level-bar .fill-block.low:backdrop, - .level-bar .fill-block.level-low:backdrop, - .level-bar block.low:backdrop, - .level-bar block.level-low:backdrop, - levelbar GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical levelbar .low.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar.vertical levelbar block.low:backdrop, - levelbar .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical levelbar .low.fill-block:backdrop, - levelbar .level-bar.vertical block.low:backdrop, - .level-bar.vertical levelbar block.low:backdrop, - levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical block.low:backdrop, - levelbar GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-low.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar.vertical levelbar block.level-low:backdrop, - levelbar .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical levelbar .level-low.fill-block:backdrop, - levelbar .level-bar.vertical block.level-low:backdrop, - .level-bar.vertical levelbar block.level-low:backdrop, - levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical block.level-low:backdrop, - levelbar .fill-block.low:backdrop, - levelbar .fill-block.level-low:backdrop, - levelbar block.low:backdrop, - levelbar block.level-low:backdrop { - border: 1px solid #feea3a; } - GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical block.high, - GtkLevelBar .level-bar.vertical .high.fill-block, - .level-bar.vertical GtkLevelBar .high.fill-block, - GtkLevelBar .level-bar.vertical block.high, - .level-bar.vertical GtkLevelBar block.high, - GtkLevelBar levelbar.vertical .high.fill-block, - levelbar.vertical GtkLevelBar .high.fill-block, - GtkLevelBar levelbar.vertical block.high, - levelbar.vertical GtkLevelBar block.high, GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical block.level-high, - GtkLevelBar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar .level-bar.vertical block.level-high, - .level-bar.vertical GtkLevelBar block.level-high, - GtkLevelBar levelbar.vertical .level-high.fill-block, - levelbar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar levelbar.vertical block.level-high, - levelbar.vertical GtkLevelBar block.level-high, - GtkLevelBar .fill-block.high, - GtkLevelBar .fill-block.level-high, - GtkLevelBar block.high, - GtkLevelBar block.level-high, - .level-bar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical .level-bar .high.fill-block, - .level-bar GtkLevelBar.vertical block.high, - GtkLevelBar.vertical .level-bar block.high, - .level-bar.vertical .high.fill-block, - .level-bar.vertical block.high, - .level-bar levelbar.vertical .high.fill-block, - levelbar.vertical .level-bar .high.fill-block, - .level-bar levelbar.vertical block.high, - levelbar.vertical .level-bar block.high, - .level-bar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical .level-bar .level-high.fill-block, - .level-bar GtkLevelBar.vertical block.level-high, - GtkLevelBar.vertical .level-bar block.level-high, - .level-bar.vertical .level-high.fill-block, - .level-bar.vertical block.level-high, - .level-bar levelbar.vertical .level-high.fill-block, - levelbar.vertical .level-bar .level-high.fill-block, - .level-bar levelbar.vertical block.level-high, - levelbar.vertical .level-bar block.level-high, - .level-bar .fill-block.high, - .level-bar .fill-block.level-high, - .level-bar block.high, - .level-bar block.level-high, - levelbar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical levelbar .high.fill-block, - levelbar GtkLevelBar.vertical block.high, - GtkLevelBar.vertical levelbar block.high, - levelbar .level-bar.vertical .high.fill-block, - .level-bar.vertical levelbar .high.fill-block, - levelbar .level-bar.vertical block.high, - .level-bar.vertical levelbar block.high, - levelbar.vertical .high.fill-block, - levelbar.vertical block.high, - levelbar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical levelbar .level-high.fill-block, - levelbar GtkLevelBar.vertical block.level-high, - GtkLevelBar.vertical levelbar block.level-high, - levelbar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical levelbar .level-high.fill-block, - levelbar .level-bar.vertical block.level-high, - .level-bar.vertical levelbar block.level-high, - levelbar.vertical .level-high.fill-block, - levelbar.vertical block.level-high, - levelbar .fill-block.high, - levelbar .fill-block.level-high, - levelbar block.high, - levelbar block.level-high { - border: 1px solid #51646e; - background-color: #667f8c; } - GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .high.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.high:backdrop, - .level-bar.vertical GtkLevelBar block.high:backdrop, - GtkLevelBar levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical GtkLevelBar .high.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.high:backdrop, - levelbar.vertical GtkLevelBar block.high:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-high:backdrop, - .level-bar.vertical GtkLevelBar block.level-high:backdrop, - GtkLevelBar levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-high.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-high:backdrop, - levelbar.vertical GtkLevelBar block.level-high:backdrop, - GtkLevelBar .fill-block.high:backdrop, - GtkLevelBar .fill-block.level-high:backdrop, - GtkLevelBar block.high:backdrop, - GtkLevelBar block.level-high:backdrop, - .level-bar GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .high.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar.vertical .level-bar block.high:backdrop, - .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical block.high:backdrop, - .level-bar levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical .level-bar .high.fill-block:backdrop, - .level-bar levelbar.vertical block.high:backdrop, - levelbar.vertical .level-bar block.high:backdrop, - .level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar.vertical .level-bar block.level-high:backdrop, - .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical block.level-high:backdrop, - .level-bar levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical .level-bar .level-high.fill-block:backdrop, - .level-bar levelbar.vertical block.level-high:backdrop, - levelbar.vertical .level-bar block.level-high:backdrop, - .level-bar .fill-block.high:backdrop, - .level-bar .fill-block.level-high:backdrop, - .level-bar block.high:backdrop, - .level-bar block.level-high:backdrop, - levelbar GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical levelbar .high.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar.vertical levelbar block.high:backdrop, - levelbar .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical levelbar .high.fill-block:backdrop, - levelbar .level-bar.vertical block.high:backdrop, - .level-bar.vertical levelbar block.high:backdrop, - levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical block.high:backdrop, - levelbar GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-high.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar.vertical levelbar block.level-high:backdrop, - levelbar .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical levelbar .level-high.fill-block:backdrop, - levelbar .level-bar.vertical block.level-high:backdrop, - .level-bar.vertical levelbar block.level-high:backdrop, - levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical block.level-high:backdrop, - levelbar .fill-block.high:backdrop, - levelbar .fill-block.level-high:backdrop, - levelbar block.high:backdrop, - levelbar block.level-high:backdrop { - border: 1px solid #667f8c; } - GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical block.full, - GtkLevelBar .level-bar.vertical .full.fill-block, - .level-bar.vertical GtkLevelBar .full.fill-block, - GtkLevelBar .level-bar.vertical block.full, - .level-bar.vertical GtkLevelBar block.full, - GtkLevelBar levelbar.vertical .full.fill-block, - levelbar.vertical GtkLevelBar .full.fill-block, - GtkLevelBar levelbar.vertical block.full, - levelbar.vertical GtkLevelBar block.full, GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical block.level-full, - GtkLevelBar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar .level-bar.vertical block.level-full, - .level-bar.vertical GtkLevelBar block.level-full, - GtkLevelBar levelbar.vertical .level-full.fill-block, - levelbar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar levelbar.vertical block.level-full, - levelbar.vertical GtkLevelBar block.level-full, - GtkLevelBar .fill-block.full, - GtkLevelBar .fill-block.level-full, - GtkLevelBar block.full, - GtkLevelBar block.level-full, - .level-bar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical .level-bar .full.fill-block, - .level-bar GtkLevelBar.vertical block.full, - GtkLevelBar.vertical .level-bar block.full, - .level-bar.vertical .full.fill-block, - .level-bar.vertical block.full, - .level-bar levelbar.vertical .full.fill-block, - levelbar.vertical .level-bar .full.fill-block, - .level-bar levelbar.vertical block.full, - levelbar.vertical .level-bar block.full, - .level-bar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical .level-bar .level-full.fill-block, - .level-bar GtkLevelBar.vertical block.level-full, - GtkLevelBar.vertical .level-bar block.level-full, - .level-bar.vertical .level-full.fill-block, - .level-bar.vertical block.level-full, - .level-bar levelbar.vertical .level-full.fill-block, - levelbar.vertical .level-bar .level-full.fill-block, - .level-bar levelbar.vertical block.level-full, - levelbar.vertical .level-bar block.level-full, - .level-bar .fill-block.full, - .level-bar .fill-block.level-full, - .level-bar block.full, - .level-bar block.level-full, - levelbar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical levelbar .full.fill-block, - levelbar GtkLevelBar.vertical block.full, - GtkLevelBar.vertical levelbar block.full, - levelbar .level-bar.vertical .full.fill-block, - .level-bar.vertical levelbar .full.fill-block, - levelbar .level-bar.vertical block.full, - .level-bar.vertical levelbar block.full, - levelbar.vertical .full.fill-block, - levelbar.vertical block.full, - levelbar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical levelbar .level-full.fill-block, - levelbar GtkLevelBar.vertical block.level-full, - GtkLevelBar.vertical levelbar block.level-full, - levelbar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical levelbar .level-full.fill-block, - levelbar .level-bar.vertical block.level-full, - .level-bar.vertical levelbar block.level-full, - levelbar.vertical .level-full.fill-block, - levelbar.vertical block.level-full, - levelbar .fill-block.full, - levelbar .fill-block.level-full, - levelbar block.full, - levelbar block.level-full { - border: 1px solid #0e4d2e; - background-color: #167848; } - GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .full.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.full:backdrop, - .level-bar.vertical GtkLevelBar block.full:backdrop, - GtkLevelBar levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical GtkLevelBar .full.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.full:backdrop, - levelbar.vertical GtkLevelBar block.full:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-full:backdrop, - .level-bar.vertical GtkLevelBar block.level-full:backdrop, - GtkLevelBar levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-full.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-full:backdrop, - levelbar.vertical GtkLevelBar block.level-full:backdrop, - GtkLevelBar .fill-block.full:backdrop, - GtkLevelBar .fill-block.level-full:backdrop, - GtkLevelBar block.full:backdrop, - GtkLevelBar block.level-full:backdrop, - .level-bar GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .full.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar.vertical .level-bar block.full:backdrop, - .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical block.full:backdrop, - .level-bar levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical .level-bar .full.fill-block:backdrop, - .level-bar levelbar.vertical block.full:backdrop, - levelbar.vertical .level-bar block.full:backdrop, - .level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar.vertical .level-bar block.level-full:backdrop, - .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical block.level-full:backdrop, - .level-bar levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical .level-bar .level-full.fill-block:backdrop, - .level-bar levelbar.vertical block.level-full:backdrop, - levelbar.vertical .level-bar block.level-full:backdrop, - .level-bar .fill-block.full:backdrop, - .level-bar .fill-block.level-full:backdrop, - .level-bar block.full:backdrop, - .level-bar block.level-full:backdrop, - levelbar GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical levelbar .full.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar.vertical levelbar block.full:backdrop, - levelbar .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical levelbar .full.fill-block:backdrop, - levelbar .level-bar.vertical block.full:backdrop, - .level-bar.vertical levelbar block.full:backdrop, - levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical block.full:backdrop, - levelbar GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-full.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar.vertical levelbar block.level-full:backdrop, - levelbar .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical levelbar .level-full.fill-block:backdrop, - levelbar .level-bar.vertical block.level-full:backdrop, - .level-bar.vertical levelbar block.level-full:backdrop, - levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical block.level-full:backdrop, - levelbar .fill-block.full:backdrop, - levelbar .fill-block.level-full:backdrop, - levelbar block.full:backdrop, - levelbar block.level-full:backdrop { - border: 1px solid #167848; } - GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical block.empty, - GtkLevelBar .level-bar.vertical .empty.fill-block, - .level-bar.vertical GtkLevelBar .empty.fill-block, - GtkLevelBar .level-bar.vertical block.empty, - .level-bar.vertical GtkLevelBar block.empty, - GtkLevelBar levelbar.vertical .empty.fill-block, - levelbar.vertical GtkLevelBar .empty.fill-block, - GtkLevelBar levelbar.vertical block.empty, - levelbar.vertical GtkLevelBar block.empty, GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical block.level-empty, - GtkLevelBar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar .level-bar.vertical block.level-empty, - .level-bar.vertical GtkLevelBar block.level-empty, - GtkLevelBar levelbar.vertical .level-empty.fill-block, - levelbar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar levelbar.vertical block.level-empty, - levelbar.vertical GtkLevelBar block.level-empty, - GtkLevelBar .fill-block.empty, - GtkLevelBar .fill-block.level-empty, - GtkLevelBar block.empty, - GtkLevelBar block.level-empty, - .level-bar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical .level-bar .empty.fill-block, - .level-bar GtkLevelBar.vertical block.empty, - GtkLevelBar.vertical .level-bar block.empty, - .level-bar.vertical .empty.fill-block, - .level-bar.vertical block.empty, - .level-bar levelbar.vertical .empty.fill-block, - levelbar.vertical .level-bar .empty.fill-block, - .level-bar levelbar.vertical block.empty, - levelbar.vertical .level-bar block.empty, - .level-bar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical .level-bar .level-empty.fill-block, - .level-bar GtkLevelBar.vertical block.level-empty, - GtkLevelBar.vertical .level-bar block.level-empty, - .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical block.level-empty, - .level-bar levelbar.vertical .level-empty.fill-block, - levelbar.vertical .level-bar .level-empty.fill-block, - .level-bar levelbar.vertical block.level-empty, - levelbar.vertical .level-bar block.level-empty, - .level-bar .fill-block.empty, - .level-bar .fill-block.level-empty, - .level-bar block.empty, - .level-bar block.level-empty, - levelbar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical levelbar .empty.fill-block, - levelbar GtkLevelBar.vertical block.empty, - GtkLevelBar.vertical levelbar block.empty, - levelbar .level-bar.vertical .empty.fill-block, - .level-bar.vertical levelbar .empty.fill-block, - levelbar .level-bar.vertical block.empty, - .level-bar.vertical levelbar block.empty, - levelbar.vertical .empty.fill-block, - levelbar.vertical block.empty, - levelbar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical levelbar .level-empty.fill-block, - levelbar GtkLevelBar.vertical block.level-empty, - GtkLevelBar.vertical levelbar block.level-empty, - levelbar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical levelbar .level-empty.fill-block, - levelbar .level-bar.vertical block.level-empty, - .level-bar.vertical levelbar block.level-empty, - levelbar.vertical .level-empty.fill-block, - levelbar.vertical block.level-empty, - levelbar .fill-block.empty, - levelbar .fill-block.level-empty, - levelbar block.empty, - levelbar block.level-empty { - background-color: transparent; - border: 1px solid rgba(161, 168, 171, 0.1); - box-shadow: none; } - GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.empty:backdrop, - .level-bar.vertical GtkLevelBar block.empty:backdrop, - GtkLevelBar levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical GtkLevelBar .empty.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.empty:backdrop, - levelbar.vertical GtkLevelBar block.empty:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-empty:backdrop, - .level-bar.vertical GtkLevelBar block.level-empty:backdrop, - GtkLevelBar levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-empty.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-empty:backdrop, - levelbar.vertical GtkLevelBar block.level-empty:backdrop, - GtkLevelBar .fill-block.empty:backdrop, - GtkLevelBar .fill-block.level-empty:backdrop, - GtkLevelBar block.empty:backdrop, - GtkLevelBar block.level-empty:backdrop, - .level-bar GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar.vertical .level-bar block.empty:backdrop, - .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical block.empty:backdrop, - .level-bar levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical .level-bar .empty.fill-block:backdrop, - .level-bar levelbar.vertical block.empty:backdrop, - levelbar.vertical .level-bar block.empty:backdrop, - .level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar.vertical .level-bar block.level-empty:backdrop, - .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical block.level-empty:backdrop, - .level-bar levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical .level-bar .level-empty.fill-block:backdrop, - .level-bar levelbar.vertical block.level-empty:backdrop, - levelbar.vertical .level-bar block.level-empty:backdrop, - .level-bar .fill-block.empty:backdrop, - .level-bar .fill-block.level-empty:backdrop, - .level-bar block.empty:backdrop, - .level-bar block.level-empty:backdrop, - levelbar GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical levelbar .empty.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar.vertical levelbar block.empty:backdrop, - levelbar .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical levelbar .empty.fill-block:backdrop, - levelbar .level-bar.vertical block.empty:backdrop, - .level-bar.vertical levelbar block.empty:backdrop, - levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical block.empty:backdrop, - levelbar GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-empty.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar.vertical levelbar block.level-empty:backdrop, - levelbar .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical levelbar .level-empty.fill-block:backdrop, - levelbar .level-bar.vertical block.level-empty:backdrop, - .level-bar.vertical levelbar block.level-empty:backdrop, - levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical block.level-empty:backdrop, - levelbar .fill-block.empty:backdrop, - levelbar .fill-block.level-empty:backdrop, - levelbar block.empty:backdrop, - levelbar block.level-empty:backdrop { - border-color: rgba(120, 128, 132, 0.15); } - GtkLevelBar.vertical, - .level-bar.vertical, - levelbar.vertical { - -GtkLevelBar-min-block-width: 8; - -GtkLevelBar-min-block-height: 32; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical block, - .level-bar.vertical .fill-block, - .level-bar.vertical block, - levelbar.vertical .fill-block, - levelbar.vertical block { - min-width: 8px; - min-height: 32px; } - -/********* - * Links * - *********/ -*:link, button:link, -.button:link, -button:visited, -.button:visited { - color: blue; } - *:link:visited, - button:visited, - .button:visited { - color: rgba(0, 0, 255, 0.5); } - *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited, - *:selected .button:visited { - color: #c2ccd1; } - *:link:hover, button:hover:link, - .button:hover:link, - button:hover:visited, - .button:hover:visited { - color: #3333ff; } - *:selected *:link:hover, *:selected button:hover:link, - *:selected .button:hover:link, - *:selected button:hover:visited, - *:selected .button:hover:visited { - color: #f0f2f4; } - *:link:active, button:active:link, - .button:active:link, - button:active:visited, - .button:active:visited { - color: blue; } - *:selected *:link:active, *:selected button:active:link, - *:selected .button:active:link, - *:selected button:active:visited, - *:selected .button:active:visited { - color: #e0e5e8; } - *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, - .button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, - .button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, - .header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, - headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, - .button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, - .button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, - .button:backdrop:link, - button:backdrop:visited, - .button:backdrop:visited { - color: #667f8c; } - *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, - .header-bar.selection-mode .subtitle:link, - headerbar.selection-mode .subtitle:link, button:selected:link, - .button:selected:link, - button:selected:visited, - .button:selected:visited, *:selected *:link, *:selected button:link, - *:selected .button:link, - *:selected button:visited, - *:selected .button:visited { - color: #e0e5e8; } - -button:link, -.button:link, -button:visited, -.button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - .button:link:hover, - .button:link:active, - .button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked, - .button:visited:hover, - .button:visited:active, - .button:visited:checked { - text-shadow: none; } - button:link > label, - .button:link > label, - button:visited > label, - .button:visited > label { - text-decoration-line: underline; } - button:link > GtkLabel, - .button:link > GtkLabel, - button:visited > GtkLabel, - .button:visited > GtkLabel { - text-decoration-line: underline; } - -/********* - * Lists * - *********/ -list { - color: #A1A8AB; - background-color: #636E73; - border-color: #33393b; } - list:backdrop { - background-color: #657176; - border-color: #363c3e; } - -row, -.list-row { - border-radius: 0; - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row GtkImage, - row image, - .list-row GtkImage, - .list-row image { - padding-right: 6px; } - row:hover, - .list-row:hover { - transition: none; } - row:backdrop, - .list-row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover, - .list-row.activatable.has-open-popup, - .list-row.activatable:hover { - background-color: rgba(161, 168, 171, 0.05); } - row.activatable:active, - .list-row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover, - .list-row.activatable:backdrop:hover { - background-color: transparent; } - row.activatable:selected:active, - .list-row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover, - .list-row.activatable:selected.has-open-popup, - .list-row.activatable:selected:hover { - background-color: #6c838f; } - row.activatable:selected:backdrop, - .list-row.activatable:selected:backdrop { - background-color: #667f8c; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); - background-color: #3B4245; - color: rgba(255, 255, 255, 0.8); } - menubar:backdrop, - .menubar:backdrop { - background-color: #2f3537; } - menubar > .menuitem, - menubar > menuitem, - .menubar > .menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 8px; } - menubar > .menuitem:hover, - menubar > menuitem:hover, - .menubar > .menuitem:hover, - .menubar > menuitem:hover { - box-shadow: inset 0 -3px #667f8c; - color: rgba(255, 255, 255, 0.8); } - menubar > .menuitem:insensitive, menubar > .menuitem:disabled, - menubar > menuitem:insensitive, - menubar > menuitem:disabled, - .menubar > .menuitem:insensitive, - .menubar > .menuitem:disabled, - .menubar > menuitem:insensitive, - .menubar > menuitem:disabled { - color: #788084; - box-shadow: none; } - -.menu, -.popup, -menu { - padding: 4px 0px; - background-color: #5f6a6e; - border: 1px solid #33393b; - border-radius: 4px; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } - .csd .menu, .csd - .popup, .csd - menu { - border: none; } - .menu:backdrop, - .popup:backdrop, - menu:backdrop { - background-color: #616c71; } - .menu .menuitem, - .menu menuitem, - .popup .menuitem, - .popup menuitem, - menu .menuitem, - menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 8px 4px; - text-shadow: none; } - .menu .menuitem:hover, - .menu menuitem:hover, - .popup .menuitem:hover, - .popup menuitem:hover, - menu .menuitem:hover, - menu menuitem:hover { - color: #ffffff; - background-color: #667f8c; } - .menu .menuitem:insensitive, .menu .menuitem:disabled, - .menu menuitem:insensitive, - .menu menuitem:disabled, - .popup .menuitem:insensitive, - .popup .menuitem:disabled, - .popup menuitem:insensitive, - .popup menuitem:disabled, - menu .menuitem:insensitive, - menu .menuitem:disabled, - menu menuitem:insensitive, - menu menuitem:disabled { - color: #788084; } - .menu .menuitem:insensitive:backdrop, .menu .menuitem:disabled:backdrop, - .menu menuitem:insensitive:backdrop, - .menu menuitem:disabled:backdrop, - .popup .menuitem:insensitive:backdrop, - .popup .menuitem:disabled:backdrop, - .popup menuitem:insensitive:backdrop, - .popup menuitem:disabled:backdrop, - menu .menuitem:insensitive:backdrop, - menu .menuitem:disabled:backdrop, - menu menuitem:insensitive:backdrop, - menu menuitem:disabled:backdrop { - color: #727f85; } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .popup .menuitem:backdrop, - .popup .menuitem:backdrop:hover, - .popup menuitem:backdrop, - .popup menuitem:backdrop:hover, - menu .menuitem:backdrop, - menu .menuitem:backdrop:hover, - menu menuitem:backdrop, - menu menuitem:backdrop:hover { - color: #788084; - background-color: transparent; } - .menu .menuitem .arrow, - .menu .menuitem arrow, - .menu menuitem .arrow, - .menu menuitem arrow, - .popup .menuitem .arrow, - .popup .menuitem arrow, - .popup menuitem .arrow, - .popup menuitem arrow, - menu .menuitem .arrow, - menu .menuitem arrow, - menu menuitem .arrow, - menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - .menu .menuitem .arrow:dir(ltr), - .menu .menuitem arrow:dir(ltr), - .menu menuitem .arrow:dir(ltr), - .menu menuitem arrow:dir(ltr), - .popup .menuitem .arrow:dir(ltr), - .popup .menuitem arrow:dir(ltr), - .popup menuitem .arrow:dir(ltr), - .popup menuitem arrow:dir(ltr), - menu .menuitem .arrow:dir(ltr), - menu .menuitem arrow:dir(ltr), - menu menuitem .arrow:dir(ltr), - menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - .menu .menuitem .arrow:dir(rtl), - .menu .menuitem arrow:dir(rtl), - .menu menuitem .arrow:dir(rtl), - .menu menuitem arrow:dir(rtl), - .popup .menuitem .arrow:dir(rtl), - .popup .menuitem arrow:dir(rtl), - .popup menuitem .arrow:dir(rtl), - .popup menuitem arrow:dir(rtl), - menu .menuitem .arrow:dir(rtl), - 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-right: 10px; } - .menu > arrow, - .popup > arrow, - menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #5f6a6e; - border-radius: 0; } - .menu > arrow.top, - .popup > arrow.top, - menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid #697479; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - .menu > arrow.bottom, - .popup > arrow.bottom, - menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid #697479; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .menu > arrow:hover, - .popup > arrow:hover, - menu > arrow:hover { - background-color: #697479; } - .menu > arrow:backdrop, - .popup > arrow:backdrop, - menu > arrow:backdrop { - background-color: #616c71; } - .menu > arrow:insensitive, .menu > arrow:disabled, - .popup > arrow:insensitive, - .popup > arrow:disabled, - menu > arrow:insensitive, - menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -.menuitem .accelerator, -.menuitem accelerator, -menuitem .accelerator, -menuitem accelerator { - color: alpha(currentColor,0.55); } -.menuitem .check, -.menuitem check, -.menuitem .radio, -.menuitem radio, -menuitem .check, -menuitem check, -menuitem .radio, -menuitem radio { - min-height: 16px; - min-width: 16px; } - .menuitem .check:dir(ltr), - .menuitem check:dir(ltr), - .menuitem .radio:dir(ltr), - .menuitem radio:dir(ltr), - menuitem .check:dir(ltr), - menuitem check:dir(ltr), - menuitem .radio:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 7px; } - .menuitem .check:dir(rtl), - .menuitem check:dir(rtl), - .menuitem .radio:dir(rtl), - .menuitem radio:dir(rtl), - menuitem .check:dir(rtl), - menuitem check:dir(rtl), - menuitem .radio:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 7px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #3f4649; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #3f4649; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } -.scale-popup .button:hover, -.scale-popup button:hover { - background-color: rgba(161, 168, 171, 0.1); - border-radius: 5px; } - -separator, -.separator { - color: #33393b; } - -/************** -* Text Styles * -**************/ -.h1 { - font-size: 24px; } - -.h2 { - font-weight: 300; - font-size: 18px; } - -.h3 { - font-size: 11px; } - -.h4, -.category-label { - font-size: 12px; - padding: 6px; - color: mix #4F585C, #A1A8AB, 50%; - font-weight: bold; - text-shadow: 0 1px rgba(255, 255, 255, 0.2); } - -/************* - * Notebooks * - *************/ -notebook > header { - border: none; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -2px #33393b; } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #667f8c; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 2px #33393b; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #667f8c; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -2px 0 #33393b; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #667f8c; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 2px 0 #33393b; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #667f8c; } - notebook > header.top > tabs > arrow { - border-top-style: none; } - notebook > header.bottom > tabs > arrow { - border-bottom-style: none; } - notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - 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.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.left > tabs > arrow { - border-left-style: none; } - notebook > header.right > tabs > arrow { - border-right-style: none; } - notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - 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.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header tab { - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #788084; - font-weight: bold; - border-width: 1px; - border-color: transparent; } - notebook > header tab:hover { - color: #8d9498; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(51, 57, 59, 0.3); - background-color: rgba(79, 88, 92, 0.2); } - notebook > header tab:backdrop { - color: #687074; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #A1A8AB; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(51, 57, 59, 0.5); - background-color: rgba(79, 88, 92, 0.5); } - notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(79, 88, 92, 0.7); } - notebook > header tab:backdrop:checked { - color: #788084; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #363c3e; - background-color: #4F585C; } - notebook > header tab button.flat { - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header tab button.flat:hover { - color: currentColor; } - notebook > header tab button.flat, notebook > header tab button.flat:backdrop { - color: alpha(currentColor,0.3); } - notebook > header tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: none solid; } - notebook > header.left tabs, notebook > header.right tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid none; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } -notebook > stack:not(:only-child) { - background-color: #636E73; } - notebook > stack:not(:only-child):backdrop { - background-color: #657176; } - -notebook, -.dynamic-notebook, -.notebook { - padding: 0; - background-color: #636E73; - box-shadow: 0 0 0 1px #33393b; - background-clip: border-box; } - notebook > header, - notebook > .header, - .dynamic-notebook > header, - .dynamic-notebook > .header, - .notebook > header, - .notebook > .header { - border: none; - box-shadow: none; - background-color: #4F585C; } - notebook > tab, - .dynamic-notebook > tab, - .notebook > tab { - border-radius: 0; - background-color: #4F585C; } - notebook > tab.top, - .dynamic-notebook > tab.top, - .notebook > tab.top { - padding: 6px 8px 8px 8px; - box-shadow: inset 0 -1px 0 0 #33393b; } - notebook > tab.top:active, - .dynamic-notebook > tab.top:active, - .notebook > tab.top:active { - box-shadow: inset 0 -3px 0 0 #33393b; } - notebook > tab.top:active:backdrop, - .dynamic-notebook > tab.top:active:backdrop, - .notebook > tab.top:active:backdrop { - box-shadow: inset 0 -3px 0 0 #363c3e; } - notebook > tab.top:backdrop, - .dynamic-notebook > tab.top:backdrop, - .notebook > tab.top:backdrop { - box-shadow: inset 0 -1px 0 0 #363c3e; } - notebook > tab.top:insensitive, - .dynamic-notebook > tab.top:insensitive, - .notebook > tab.top:insensitive { - box-shadow: inset 0 -1px 0 0 #33393b; } - notebook > tab.bottom, - .dynamic-notebook > tab.bottom, - .notebook > tab.bottom { - padding: 8px 8px 6px 8px; - box-shadow: inset 0 1px 0 0 #33393b; } - notebook > tab.bottom:active, - .dynamic-notebook > tab.bottom:active, - .notebook > tab.bottom:active { - box-shadow: inset 0 3px 0 0 #33393b; } - notebook > tab.bottom:active:backdrop, - .dynamic-notebook > tab.bottom:active:backdrop, - .notebook > tab.bottom:active:backdrop { - box-shadow: inset 0 3px 0 0 #363c3e; } - notebook > tab.bottom:backdrop, - .dynamic-notebook > tab.bottom:backdrop, - .notebook > tab.bottom:backdrop { - box-shadow: inset 0 1px 0 0 #363c3e; } - notebook > tab.bottom:insensitive, - .dynamic-notebook > tab.bottom:insensitive, - .notebook > tab.bottom:insensitive { - box-shadow: inset 0 1px 0 0 #33393b; } - notebook > tab.left, - .dynamic-notebook > tab.left, - .notebook > tab.left { - padding: 8px; - box-shadow: inset -1px 0 0 0 #33393b; } - notebook > tab.left:active, - .dynamic-notebook > tab.left:active, - .notebook > tab.left:active { - box-shadow: inset -3px 0 0 0 #33393b; } - notebook > tab.left:active:backdrop, - .dynamic-notebook > tab.left:active:backdrop, - .notebook > tab.left:active:backdrop { - box-shadow: inset -3px 0 0 0 #363c3e; } - notebook > tab.left:backdrop, - .dynamic-notebook > tab.left:backdrop, - .notebook > tab.left:backdrop { - box-shadow: inset -1px 0 0 0 #363c3e; } - notebook > tab.left:insensitive, - .dynamic-notebook > tab.left:insensitive, - .notebook > tab.left:insensitive { - box-shadow: inset -1px 0 0 0 #33393b; } - notebook > tab.right, - .dynamic-notebook > tab.right, - .notebook > tab.right { - padding: 8px; - box-shadow: inset 1px 0 0 0 #33393b; } - notebook > tab.right:active, - .dynamic-notebook > tab.right:active, - .notebook > tab.right:active { - box-shadow: inset 3px 0 0 0 #33393b; } - notebook > tab.right:active:backdrop, - .dynamic-notebook > tab.right:active:backdrop, - .notebook > tab.right:active:backdrop { - box-shadow: inset 3px 0 0 0 #363c3e; } - notebook > tab.right:backdrop, - .dynamic-notebook > tab.right:backdrop, - .notebook > tab.right:backdrop { - box-shadow: inset 1px 0 0 0 #363c3e; } - notebook > tab.right:insensitive, - .dynamic-notebook > tab.right:insensitive, - .notebook > tab.right:insensitive { - box-shadow: inset 1px 0 0 0 #33393b; } - notebook > tab:active, - .dynamic-notebook > tab:active, - .notebook > tab:active { - font-weight: bold; } - notebook > tab:hover, - .dynamic-notebook > tab:hover, - .notebook > tab:hover { - background: #434b4e; } - -/********* - * Paned * - *********/ -.paned, -paned { - border: solid #33393b; - border-left-width: 1px; } - .paned > separator, - paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(#33393b); - background-size: 1px 1px; } - .paned > separator:selected, - paned > separator:selected { - background-image: image(#667f8c); } - .paned > separator:backdrop, - paned > separator:backdrop { - background-image: image(#363c3e); } - .paned > separator.wide, - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #4F585C; - background-image: image(#33393b), image(#33393b); - background-size: 1px 1px, 1px 1px; } - .paned > separator.wide:backdrop, - paned > separator.wide:backdrop { - background-color: #4F585C; - background-image: image(#363c3e), image(#363c3e); } - .paned.horizontal > separator, - paned.horizontal > separator { - background-repeat: repeat-y; } - .paned.horizontal > separator:dir(ltr), - paned.horizontal > separator:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; } - .paned.horizontal > separator:dir(rtl), - paned.horizontal > separator:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; } - .paned.horizontal > separator.wide, - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; } - .paned.vertical > separator, - paned.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; } - .paned.vertical > separator.wide, - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; } - -/************ - * Pathbars * - ************/ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } -.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: 8px; } -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************ - * Popovers * - ************/ -.popover.background, -popover.background { - padding: 2px; - border-radius: 4px; - border: none; - background-color: #4F585C; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd .popover.background, .popover.background, .csd - popover.background, - popover.background { - border: 1px solid #33393b; } - .popover.background:backdrop, - popover.background:backdrop { - background-color: #4F585C; - box-shadow: none; } - .popover.background > list, - .popover.background > .view, - .popover.background > GtkIconView, - .popover.background > iconview, - .popover.background > toolbar, - .popover.background > .toolbar, - popover.background > list, - popover.background > .view, - popover.background > GtkIconView, - popover.background > iconview, - popover.background > toolbar, - popover.background > .toolbar { - border-style: none; - background-color: transparent; } - .csd .popover.background.touch-selection, .csd .popover.background.magnifier, .popover.background.touch-selection, .popover.background.magnifier, .csd - popover.background.touch-selection, .csd - popover.background.magnifier, - popover.background.touch-selection, - popover.background.magnifier { - border: 1px solid rgba(255, 255, 255, 0.1); } - .popover.background .separator, .popover.background separator, - popover.background .separator, - popover.background separator { - margin: 3px; } - .popover.background list separator, - popover.background list separator { - margin: 0px; } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #A1A8AB; - border: 1px solid #33393b; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #788084; - border-color: #363c3e; } -printdialog .dialog-action-box { - margin: 12px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar, -.progressbar, -progressbar { - font-size: smaller; - color: rgba(161, 168, 171, 0.4); } - GtkProgressBar.horizontal trough, - GtkProgressBar.horizontal .trough, - GtkProgressBar.horizontal progress, - .progressbar.horizontal trough, - .progressbar.horizontal .trough, - .progressbar.horizontal progress, - progressbar.horizontal trough, - progressbar.horizontal .trough, - progressbar.horizontal progress { - min-height: 4px; } - GtkProgressBar.vertical trough, - GtkProgressBar.vertical .trough, - GtkProgressBar.vertical progress, - .progressbar.vertical trough, - .progressbar.vertical .trough, - .progressbar.vertical progress, - progressbar.vertical trough, - progressbar.vertical .trough, - progressbar.vertical progress { - min-width: 4px; } - GtkProgressBar.horizontal progress, - .progressbar.horizontal progress, - progressbar.horizontal progress { - margin: 0 -1px; } - GtkProgressBar.vertical progress, - .progressbar.vertical progress, - progressbar.vertical progress { - margin: -1px 0; } - GtkProgressBar:active, - .progressbar:active, - progressbar:active { - border-radius: 0px; - color: rgba(0, 0, 0, 0.5); - background-color: #667f8c; - border-color: #51646e; } - GtkProgressBar:active:backdrop, - .progressbar:active:backdrop, - progressbar:active:backdrop { - background-color: #8298a3; - border-color: #667f8c; } - GtkProgressBar:backdrop, - .progressbar:backdrop, - progressbar:backdrop { - transition: 200ms ease-out; } - GtkProgressBar .progressbar, - GtkProgressBar progress, - .progressbar .progressbar, - .progressbar progress, - progressbar .progressbar, - progressbar progress { - border-radius: 0px; } - GtkProgressBar .progressbar.left, - GtkProgressBar progress.left, - .progressbar .progressbar.left, - .progressbar progress.left, - progressbar .progressbar.left, - progressbar progress.left { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; } - GtkProgressBar .progressbar.right, - GtkProgressBar progress.right, - .progressbar .progressbar.right, - .progressbar progress.right, - progressbar .progressbar.right, - progressbar progress.right { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; } - GtkProgressBar .progressbar.top, - GtkProgressBar progress.top, - .progressbar .progressbar.top, - .progressbar progress.top, - progressbar .progressbar.top, - progressbar progress.top { - border-top-right-radius: 0px; - border-top-left-radius: 0px; } - GtkProgressBar .progressbar.bottom, - GtkProgressBar progress.bottom, - .progressbar .progressbar.bottom, - .progressbar progress.bottom, - progressbar .progressbar.bottom, - progressbar progress.bottom { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; } - GtkProgressBar.osd, - .progressbar.osd, - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - GtkProgressBar.osd .trough, - GtkProgressBar.osd trough, - .progressbar.osd .trough, - .progressbar.osd trough, - progressbar.osd .trough, - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - GtkProgressBar.osd .progressbar, - GtkProgressBar.osd progress, - .progressbar.osd .progressbar, - .progressbar.osd progress, - progressbar.osd .progressbar, - progressbar.osd progress { - border-style: none; - border-radius: 0; } - GtkProgressBar row:selected, - GtkProgressBar .list-row:selected, - .progressbar row:selected, - .progressbar .list-row:selected, - progressbar row:selected, - progressbar .list-row:selected { - border: 1px solid #51646e; - color: rgba(0, 0, 0, 0.5); - background-color: #667f8c; } - -/************ - * GtkScale * - ************/ -GtkLevelBar .trough, -GtkLevelBar trough, -.level-bar .trough, -.level-bar trough, -levelbar .trough, -levelbar trough, GtkLevelBar.horizontal trough, -GtkLevelBar.horizontal .trough, GtkLevelBar.vertical trough, -GtkLevelBar.vertical .trough, -.level-bar.horizontal trough, -.level-bar.horizontal .trough, -.level-bar.vertical trough, -.level-bar.vertical .trough, -levelbar.horizontal trough, -levelbar.horizontal .trough, -levelbar.vertical trough, -levelbar.vertical .trough, GtkProgressBar, -.progressbar, -progressbar, .scale trough, -.scale .trough, -scale trough, -scale .trough, .scale.fine-tune trough, -.scale.fine-tune .trough, -scale.fine-tune trough, -scale.fine-tune .trough, .scale fill, -scale fill { - border: none; - background-color: #636E73; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); - padding: 0; - margin: 0; } - GtkLevelBar .trough:insensitive, - GtkLevelBar trough:insensitive, - .level-bar .trough:insensitive, - .level-bar trough:insensitive, - levelbar .trough:insensitive, - levelbar trough:insensitive, GtkProgressBar:insensitive, - .progressbar:insensitive, - progressbar:insensitive, .scale trough:insensitive, - .scale .trough:insensitive, - scale trough:insensitive, - scale .trough:insensitive, .scale fill:insensitive, - scale fill:insensitive, GtkLevelBar .trough:disabled, - GtkLevelBar trough:disabled, - .level-bar .trough:disabled, - .level-bar trough:disabled, - levelbar .trough:disabled, - levelbar trough:disabled, GtkProgressBar:disabled, - .progressbar:disabled, - progressbar:disabled, .scale trough:disabled, - .scale .trough:disabled, - scale trough:disabled, - scale .trough:disabled, .scale fill:disabled, - scale fill:disabled { - background-color: #576165; } - GtkLevelBar .trough:backdrop, - GtkLevelBar trough:backdrop, - .level-bar .trough:backdrop, - .level-bar trough:backdrop, - levelbar .trough:backdrop, - levelbar trough:backdrop, GtkProgressBar:backdrop, - .progressbar:backdrop, - progressbar:backdrop, .scale trough:backdrop, - .scale .trough:backdrop, - scale trough:backdrop, - scale .trough:backdrop, .scale fill:backdrop, - scale fill:backdrop { - background-color: #657176; - transition: 200ms ease-out; } - GtkLevelBar .trough:backdrop:insensitive, - GtkLevelBar trough:backdrop:insensitive, - .level-bar .trough:backdrop:insensitive, - .level-bar trough:backdrop:insensitive, - levelbar .trough:backdrop:insensitive, - levelbar trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive, - .progressbar:backdrop:insensitive, - progressbar:backdrop:insensitive, .scale trough:backdrop:insensitive, - .scale .trough:backdrop:insensitive, - scale trough:backdrop:insensitive, - scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive, - scale fill:backdrop:insensitive, GtkLevelBar .trough:backdrop:disabled, - GtkLevelBar trough:backdrop:disabled, - .level-bar .trough:backdrop:disabled, - .level-bar trough:backdrop:disabled, - levelbar .trough:backdrop:disabled, - levelbar trough:backdrop:disabled, GtkProgressBar:backdrop:disabled, - .progressbar:backdrop:disabled, - progressbar:backdrop:disabled, .scale trough:backdrop:disabled, - .scale .trough:backdrop:disabled, - scale trough:backdrop:disabled, - scale .trough:backdrop:disabled, .scale fill:backdrop:disabled, - scale fill:backdrop:disabled { - background-color: #576165; } - row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, - row:selected GtkLevelBar trough, - GtkLevelBar row:selected trough, - row:selected .level-bar .trough, - .level-bar row:selected .trough, - row:selected .level-bar trough, - .level-bar row:selected trough, - row:selected levelbar .trough, - levelbar row:selected .trough, - row:selected levelbar trough, - levelbar row:selected trough, row:selected GtkProgressBar, - row:selected .progressbar, - row:selected progressbar, row:selected .scale trough, .scale row:selected trough, - row:selected .scale .trough, - .scale row:selected .trough, - row:selected scale trough, - scale row:selected trough, - row:selected scale .trough, - scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, - row:selected scale fill, - scale row:selected fill { - box-shadow: none; } - row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, - row:selected GtkLevelBar trough, - GtkLevelBar row:selected trough, - row:selected .level-bar .trough, - .level-bar row:selected .trough, - row:selected .level-bar trough, - .level-bar row:selected trough, - row:selected levelbar .trough, - levelbar row:selected .trough, - row:selected levelbar trough, - levelbar row:selected trough, row:selected GtkProgressBar, - row:selected .progressbar, - row:selected progressbar, row:selected .scale trough, .scale row:selected trough, - row:selected .scale .trough, - .scale row:selected .trough, - row:selected scale trough, - scale row:selected trough, - row:selected scale .trough, - scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, - row:selected scale fill, - scale row:selected fill, row:selected GtkLevelBar .trough:disabled, GtkLevelBar row:selected .trough:disabled, - row:selected GtkLevelBar trough:disabled, - GtkLevelBar row:selected trough:disabled, - row:selected .level-bar .trough:disabled, - .level-bar row:selected .trough:disabled, - row:selected .level-bar trough:disabled, - .level-bar row:selected trough:disabled, - row:selected levelbar .trough:disabled, - levelbar row:selected .trough:disabled, - row:selected levelbar trough:disabled, - levelbar row:selected trough:disabled, row:selected GtkProgressBar:disabled, - row:selected .progressbar:disabled, - row:selected progressbar:disabled, row:selected .scale trough:disabled, .scale row:selected trough:disabled, - row:selected .scale .trough:disabled, - .scale row:selected .trough:disabled, - row:selected scale trough:disabled, - scale row:selected trough:disabled, - row:selected scale .trough:disabled, - scale row:selected .trough:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled, - row:selected scale fill:disabled, - scale row:selected fill:disabled { - border-color: #262f33; } - .osd GtkLevelBar .trough, GtkLevelBar .osd .trough, - .osd GtkLevelBar trough, - GtkLevelBar .osd trough, - .osd .level-bar .trough, - .level-bar .osd .trough, - .osd .level-bar trough, - .level-bar .osd trough, - .osd levelbar .trough, - levelbar .osd .trough, - .osd levelbar trough, - levelbar .osd trough, .osd GtkProgressBar, - .osd .progressbar, - .osd progressbar, .osd .scale trough, .scale .osd trough, - .osd .scale .trough, - .scale .osd .trough, - .osd scale trough, - scale .osd trough, - .osd scale .trough, - scale .osd .trough, .osd .scale fill, .scale .osd fill, - .osd scale fill, - scale .osd fill { - border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(0, 0, 0, 0.5); - box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } - .osd GtkLevelBar .trough:disabled, GtkLevelBar .osd .trough:disabled, - .osd GtkLevelBar trough:disabled, - GtkLevelBar .osd trough:disabled, - .osd .level-bar .trough:disabled, - .level-bar .osd .trough:disabled, - .osd .level-bar trough:disabled, - .level-bar .osd trough:disabled, - .osd levelbar .trough:disabled, - levelbar .osd .trough:disabled, - .osd levelbar trough:disabled, - levelbar .osd trough:disabled, .osd GtkProgressBar:disabled, - .osd .progressbar:disabled, - .osd progressbar:disabled, .osd .scale trough:disabled, .scale .osd trough:disabled, - .osd .scale .trough:disabled, - .scale .osd .trough:disabled, - .osd scale trough:disabled, - scale .osd trough:disabled, - .osd scale .trough:disabled, - scale .osd .trough:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled, - .osd scale fill:disabled, - scale .osd fill:disabled { - background-color: rgba(45, 50, 51, 0.5); } - -GtkProgressBar .progressbar, -GtkProgressBar progress, -.progressbar .progressbar, -.progressbar progress, -progressbar .progressbar, -progressbar progress, .scale fill, -.scale .highlight, -.scale highlight, -scale fill, -scale .highlight, -scale highlight, .scale.fine-tune fill, -.scale.fine-tune .highlight, -.scale.fine-tune highlight, -scale.fine-tune fill, -scale.fine-tune .highlight, -scale.fine-tune highlight { - border: 1px solid #262f33; - background-color: #667f8c; - box-shadow: 0px 1px rgba(255, 255, 255, 0.1); - border-radius: 4px; - min-height: 8px; } - GtkProgressBar .progressbar:insensitive, - GtkProgressBar progress:insensitive, - .progressbar .progressbar:insensitive, - .progressbar progress:insensitive, - progressbar .progressbar:insensitive, - progressbar progress:insensitive, .scale fill:insensitive, - .scale .highlight:insensitive, - .scale highlight:insensitive, - scale fill:insensitive, - scale .highlight:insensitive, - scale highlight:insensitive, GtkProgressBar .progressbar:disabled, - GtkProgressBar progress:disabled, - .progressbar .progressbar:disabled, - .progressbar progress:disabled, - progressbar .progressbar:disabled, - progressbar progress:disabled, .scale fill:disabled, - .scale .highlight:disabled, - .scale highlight:disabled, - scale fill:disabled, - scale .highlight:disabled, - scale highlight:disabled { - border: 1px solid #0f1112; - background-color: #202425; } - GtkProgressBar .progressbar:backdrop, - GtkProgressBar progress:backdrop, - .progressbar .progressbar:backdrop, - .progressbar progress:backdrop, - progressbar .progressbar:backdrop, - progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar, - .progressbar:backdrop .progressbar, - progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, - .progressbar:backdrop progress, - progressbar:backdrop progress, .scale fill:backdrop, - .scale .highlight:backdrop, - .scale highlight:backdrop, - scale fill:backdrop, - scale .highlight:backdrop, - scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, - GtkProgressBar progress:active:backdrop, - .progressbar .progressbar:active:backdrop, - .progressbar progress:active:backdrop, - progressbar .progressbar:active:backdrop, - progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active, - .progressbar:backdrop .progressbar:active, - progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, - .progressbar:backdrop progress:active, - progressbar:backdrop progress:active, .scale fill:active:backdrop, - .scale .highlight:active:backdrop, - .scale highlight:active:backdrop, - scale fill:active:backdrop, - scale .highlight:active:backdrop, - scale highlight:active:backdrop { - border-color: #262f33; - background-color: #8298a3; } - GtkProgressBar .progressbar:backdrop:disabled, - GtkProgressBar progress:backdrop:disabled, - .progressbar .progressbar:backdrop:disabled, - .progressbar progress:backdrop:disabled, - progressbar .progressbar:backdrop:disabled, - progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled, - .progressbar:backdrop .progressbar:disabled, - progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, - .progressbar:backdrop progress:disabled, - progressbar:backdrop progress:disabled, .scale fill:backdrop:disabled, - .scale .highlight:backdrop:disabled, - .scale highlight:backdrop:disabled, - scale fill:backdrop:disabled, - scale .highlight:backdrop:disabled, - scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, - GtkProgressBar progress:active:backdrop:disabled, - .progressbar .progressbar:active:backdrop:disabled, - .progressbar progress:active:backdrop:disabled, - progressbar .progressbar:active:backdrop:disabled, - progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled, - .progressbar:backdrop .progressbar:active:disabled, - progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, - .progressbar:backdrop progress:active:disabled, - progressbar:backdrop progress:active:disabled, .scale fill:active:backdrop:disabled, - .scale .highlight:active:backdrop:disabled, - .scale highlight:active:backdrop:disabled, - scale fill:active:backdrop:disabled, - scale .highlight:active:backdrop:disabled, - scale highlight:active:backdrop:disabled { - background-color: transparent; - border-color: transparent; } - .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, - .list-row:selected GtkProgressBar progress:disabled, - GtkProgressBar .list-row:selected progress:disabled, - .list-row:selected .progressbar .progressbar:disabled, - .progressbar .list-row:selected .progressbar:disabled, - .list-row:selected .progressbar progress:disabled, - .progressbar .list-row:selected progress:disabled, - .list-row:selected progressbar .progressbar:disabled, - progressbar .list-row:selected .progressbar:disabled, - .list-row:selected progressbar progress:disabled, - progressbar .list-row:selected progress:disabled, .list-row:selected .scale fill:disabled, .scale .list-row:selected fill:disabled, - .list-row:selected .scale .highlight:disabled, - .scale .list-row:selected .highlight:disabled, - .list-row:selected .scale highlight:disabled, - .scale .list-row:selected highlight:disabled, - .list-row:selected scale fill:disabled, - scale .list-row:selected fill:disabled, - .list-row:selected scale .highlight:disabled, - scale .list-row:selected .highlight:disabled, - .list-row:selected scale highlight:disabled, - scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, - .list-row:selected GtkProgressBar progress, - GtkProgressBar .list-row:selected progress, - .list-row:selected .progressbar .progressbar, - .progressbar .list-row:selected .progressbar, - .list-row:selected .progressbar progress, - .progressbar .list-row:selected progress, - .list-row:selected progressbar .progressbar, - progressbar .list-row:selected .progressbar, - .list-row:selected progressbar progress, - progressbar .list-row:selected progress, .list-row:selected .scale fill, .scale .list-row:selected fill, - .list-row:selected .scale .highlight, - .scale .list-row:selected .highlight, - .list-row:selected .scale highlight, - .scale .list-row:selected highlight, - .list-row:selected scale fill, - scale .list-row:selected fill, - .list-row:selected scale .highlight, - scale .list-row:selected .highlight, - .list-row:selected scale highlight, - scale .list-row:selected highlight { - border-color: #262f33; } - row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, - row:selected GtkProgressBar progress:disabled, - GtkProgressBar row:selected progress:disabled, - row:selected .progressbar .progressbar:disabled, - .progressbar row:selected .progressbar:disabled, - row:selected .progressbar progress:disabled, - .progressbar row:selected progress:disabled, - row:selected progressbar .progressbar:disabled, - progressbar row:selected .progressbar:disabled, - row:selected progressbar progress:disabled, - progressbar row:selected progress:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled, - row:selected .scale .highlight:disabled, - .scale row:selected .highlight:disabled, - row:selected .scale highlight:disabled, - .scale row:selected highlight:disabled, - row:selected scale fill:disabled, - scale row:selected fill:disabled, - row:selected scale .highlight:disabled, - scale row:selected .highlight:disabled, - row:selected scale highlight:disabled, - scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, - row:selected GtkProgressBar progress, - GtkProgressBar row:selected progress, - row:selected .progressbar .progressbar, - .progressbar row:selected .progressbar, - row:selected .progressbar progress, - .progressbar row:selected progress, - row:selected progressbar .progressbar, - progressbar row:selected .progressbar, - row:selected progressbar progress, - progressbar row:selected progress, row:selected .scale fill, .scale row:selected fill, - row:selected .scale .highlight, - .scale row:selected .highlight, - row:selected .scale highlight, - .scale row:selected highlight, - row:selected scale fill, - scale row:selected fill, - row:selected scale .highlight, - scale row:selected .highlight, - row:selected scale highlight, - scale row:selected highlight { - border-color: #262f33; } - .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, - .osd GtkProgressBar progress, - GtkProgressBar .osd progress, - .osd .progressbar .progressbar, - .progressbar .osd .progressbar, - .osd .progressbar progress, - .progressbar .osd progress, - .osd progressbar .progressbar, - progressbar .osd .progressbar, - .osd progressbar progress, - progressbar .osd progress, .osd .scale fill, .scale .osd fill, - .osd .scale .highlight, - .scale .osd .highlight, - .osd .scale highlight, - .scale .osd highlight, - .osd scale fill, - scale .osd fill, - .osd scale .highlight, - scale .osd .highlight, - .osd scale highlight, - scale .osd highlight { - border-color: rgba(0, 0, 0, 0.7); } - .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, - .osd GtkProgressBar progress:disabled, - GtkProgressBar .osd progress:disabled, - .osd .progressbar .progressbar:disabled, - .progressbar .osd .progressbar:disabled, - .osd .progressbar progress:disabled, - .progressbar .osd progress:disabled, - .osd progressbar .progressbar:disabled, - progressbar .osd .progressbar:disabled, - .osd progressbar progress:disabled, - progressbar .osd progress:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled, - .osd .scale .highlight:disabled, - .scale .osd .highlight:disabled, - .osd .scale highlight:disabled, - .scale .osd highlight:disabled, - .osd scale fill:disabled, - scale .osd fill:disabled, - .osd scale .highlight:disabled, - scale .osd .highlight:disabled, - .osd scale highlight:disabled, - scale .osd highlight:disabled { - border-color: transparent; } - -.scale, -scale { - -GtkScale-slider-length: 16px; - -GtkRange-slider-width: 16px; - -GtkRange-trough-border: 0px; - min-height: 10px; - min-width: 10px; - padding: 8px; } - .scale fill, - .scale highlight, - scale fill, - scale highlight { - margin: -1px; } - .scale .slider, - .scale slider, - scale .slider, - scale slider { - min-height: 16px; - min-width: 16px; - margin: 2px; - background-color: #636E73; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - .scale .slider:active, - .scale slider:active, - scale .slider:active, - scale slider:active { - box-shadow: 0 1px 1px 0 rgba(102, 127, 140, 0.5); - border: 1px solid #667f8c; } - .scale .slider:active:insensitive, .scale .slider:active:disabled, - .scale slider:active:insensitive, - .scale slider:active:disabled, - scale .slider:active:insensitive, - scale .slider:active:disabled, - scale slider:active:insensitive, - scale slider:active:disabled { - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.2); } - .scale .slider:insensitive, .scale .slider:disabled, - .scale slider:insensitive, - .scale slider:disabled, - scale .slider:insensitive, - scale .slider:disabled, - scale slider:insensitive, - scale slider:disabled { - box-shadow: none; } - .list-row:selected .scale .slider, .list-row:selected .scale .slider:disabled, .list-row:selected - .scale slider, .list-row:selected - .scale slider:disabled, .list-row:selected - scale .slider, .list-row:selected - scale .slider:disabled, .list-row:selected - scale slider, .list-row:selected - scale slider:disabled { - border-color: #262f33; } - row:selected .scale .slider, row:selected .scale .slider:disabled, row:selected - .scale slider, row:selected - .scale slider:disabled, row:selected - scale .slider, row:selected - scale .slider:disabled, row:selected - scale slider, row:selected - scale slider:disabled { - border-color: #262f33; } - .osd .scale .slider, .osd - .scale slider, .osd - scale .slider, .osd - scale slider { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border-color: rgba(0, 0, 0, 0.7); - background-color: #202526; } - .osd .scale .slider:hover, .osd - .scale slider:hover, .osd - scale .slider:hover, .osd - scale slider:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .scale .slider:active, .osd - .scale slider:active, .osd - scale .slider:active, .osd - scale slider:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .scale .slider:disabled, .osd - .scale slider:disabled, .osd - scale .slider:disabled, .osd - scale slider:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .scale .slider:backdrop, .osd - .scale slider:backdrop, .osd - scale .slider:backdrop, .osd - scale slider:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .scale trough, - .scale .trough, - scale trough, - scale .trough { - border-radius: 2px; - margin: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; } - .scale.fine-tune.horizontal, - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - .scale.fine-tune.vertical, - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - .scale.fine-tune .slider, - .scale.fine-tune slider, - scale.fine-tune .slider, - scale.fine-tune slider { - min-height: 16px; - min-width: 16px; - background-color: #636E73; - border-color: #636E73; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - box-shadow: none; } - .scale.fine-tune trough, - .scale.fine-tune .trough, - scale.fine-tune trough, - scale.fine-tune .trough { - border-radius: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; - margin: 2px; } - .scale fill, - scale fill { - border-radius: 2px; } - .scale fill, .scale fill:backdrop, - scale fill, - scale fill:backdrop { - background-color: #33393b; - box-shadow: none; } - .scale fill:disabled, .scale fill:disabled:backdrop, - scale fill:disabled, - scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .osd .scale fill, .osd - scale fill { - background-color: rgba(62, 64, 65, 0.775); } - .osd .scale fill:disabled, .osd .scale fill:disabled:backdrop, .osd - scale fill:disabled, .osd - scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .scale value, - scale value { - color: alpha(currentColor,0.4); } - .scale marks, - scale marks { - color: alpha(currentColor,0.4); } - .scale marks.top, - scale marks.top { - margin-bottom: 6px; - margin-top: -12px; } - .scale marks.bottom, - scale marks.bottom { - margin-top: 6px; - margin-bottom: -12px; } - .scale marks.top, - scale marks.top { - margin-right: 6px; - margin-left: -12px; } - .scale marks.bottom, - scale marks.bottom { - margin-left: 6px; - margin-right: -12px; } - .scale.fine-tune marks.top, - scale.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -9px; } - .scale.fine-tune marks.bottom, - scale.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -9px; } - .scale.fine-tune marks.top, - scale.fine-tune marks.top { - margin-right: 6px; - margin-left: -9px; } - .scale.fine-tune marks.bottom, - scale.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -9px; } - .scale.horizontal indicator, - scale.horizontal indicator { - min-height: 6px; - min-width: 1px; } - .scale.horizontal.fine-tune indicator, - scale.horizontal.fine-tune indicator { - min-height: 3px; } - .scale.vertical indicator, - scale.vertical indicator { - min-height: 1px; - min-width: 6px; } - .scale.vertical.fine-tune indicator, - scale.vertical.fine-tune indicator { - min-width: 3px; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:backdrop, - .scale.color.horizontal slider:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal slider, - .scale.horizontal scale.color.horizontal .slider, - scale.color.horizontal .scale.horizontal .slider, - .scale.horizontal scale.color.horizontal slider, - scale.color.horizontal .scale.horizontal slider, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider, - scale.horizontal .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal .slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal .slider, - .scale.color.horizontal scale.horizontal .slider, - scale.horizontal .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal slider, - .scale.color.horizontal scale.horizontal slider, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal .slider:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider, - scale.horizontal contents:last-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:hover:backdrop:disabled, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:hover:backdrop:disabled, - .scale.horizontal scale.color.horizontal .slider:hover, - scale.color.horizontal .scale.horizontal .slider:hover, - .scale.horizontal scale.color.horizontal slider:hover, - scale.color.horizontal .scale.horizontal slider:hover, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover, - scale.horizontal .scale.color.horizontal .slider:hover, - .scale.color.horizontal scale.horizontal .slider:hover, - scale.horizontal .scale.color.horizontal slider:hover, - .scale.color.horizontal scale.horizontal slider:hover, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:hover:backdrop:disabled, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:hover:backdrop:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:active:backdrop:disabled, .scale.color.horizontal .slider:active, - .scale.color.horizontal slider:active:backdrop:disabled, - .scale.color.horizontal slider:active, - .scale.horizontal scale.color.horizontal .slider:active, - scale.color.horizontal .scale.horizontal .slider:active, - .scale.horizontal scale.color.horizontal slider:active, - scale.color.horizontal .scale.horizontal slider:active, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:active, - scale.horizontal .scale.color.horizontal .slider:active, - .scale.color.horizontal scale.horizontal .slider:active, - scale.horizontal .scale.color.horizontal slider:active, - .scale.color.horizontal scale.horizontal slider:active, - scale.color.horizontal .slider:active:backdrop:disabled, - scale.color.horizontal .slider:active, - scale.color.horizontal slider:active:backdrop:disabled, - scale.color.horizontal slider:active, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:disabled, - .scale.color.horizontal slider:disabled, - .scale.horizontal scale.color.horizontal .slider:disabled, - scale.color.horizontal .scale.horizontal .slider:disabled, - .scale.horizontal scale.color.horizontal slider:disabled, - scale.color.horizontal .scale.horizontal slider:disabled, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled, - scale.horizontal .scale.color.horizontal .slider:disabled, - .scale.color.horizontal scale.horizontal .slider:disabled, - scale.horizontal .scale.color.horizontal slider:disabled, - .scale.color.horizontal scale.horizontal slider:disabled, - scale.color.horizontal .slider:disabled, - scale.color.horizontal slider:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:backdrop, - .scale.color.horizontal slider:backdrop, - .scale.horizontal scale.color.horizontal .slider:backdrop, - scale.color.horizontal .scale.horizontal .slider:backdrop, - .scale.horizontal scale.color.horizontal slider:backdrop, - scale.color.horizontal .scale.horizontal slider:backdrop, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop, - scale.horizontal .scale.color.horizontal .slider:backdrop, - .scale.color.horizontal scale.horizontal .slider:backdrop, - scale.horizontal .scale.color.horizontal slider:backdrop, - .scale.color.horizontal scale.horizontal slider:backdrop, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal slider:backdrop, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.horizontal scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .scale.horizontal .slider:backdrop:disabled, - .scale.horizontal scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal .scale.horizontal slider:backdrop:disabled, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal .slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal slider:backdrop:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider, - scale.horizontal contents:first-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:active, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider, - .scale.vertical scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) .scale.vertical .slider, - .scale.vertical scale.color.vertical:dir(rtl) slider, - scale.color.vertical:dir(rtl) .scale.vertical slider, - .scale.vertical contents:last-child:not(:only-child) > trough > slider, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) scale.vertical .slider, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider, - .scale.color.vertical:dir(rtl) scale.vertical slider, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider, - scale.vertical contents:last-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .scale.vertical .slider:hover, - .scale.vertical scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) .scale.vertical slider:hover, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:hover, - scale.vertical .scale.color.vertical:dir(rtl) .slider:hover, - .scale.color.vertical:dir(rtl) scale.vertical .slider:hover, - scale.vertical .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) scale.vertical slider:hover, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider:active, - .scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:active, - .scale.vertical scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) .scale.vertical .slider:active, - .scale.vertical scale.color.vertical:dir(rtl) slider:active, - scale.color.vertical:dir(rtl) .scale.vertical slider:active, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:active, - scale.vertical .scale.color.vertical:dir(rtl) .slider:active, - .scale.color.vertical:dir(rtl) scale.vertical .slider:active, - scale.vertical .scale.color.vertical:dir(rtl) slider:active, - .scale.color.vertical:dir(rtl) scale.vertical slider:active, - scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:active, - scale.vertical contents:last-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:disabled, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .scale.vertical .slider:disabled, - .scale.vertical scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) .scale.vertical slider:disabled, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:disabled, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) slider:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:backdrop, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop, - .scale.vertical scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop:disabled, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider, - .scale.vertical scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) .scale.vertical .slider, - .scale.vertical scale.color.vertical:dir(ltr) slider, - scale.color.vertical:dir(ltr) .scale.vertical slider, - .scale.vertical contents:first-child:not(:only-child) > trough > slider, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) scale.vertical .slider, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider, - .scale.color.vertical:dir(ltr) scale.vertical slider, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider, - scale.vertical contents:first-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .scale.vertical .slider:hover, - .scale.vertical scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) .scale.vertical slider:hover, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:hover, - scale.vertical .scale.color.vertical:dir(ltr) .slider:hover, - .scale.color.vertical:dir(ltr) scale.vertical .slider:hover, - scale.vertical .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) scale.vertical slider:hover, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider:active, - .scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:active, - .scale.vertical scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) .scale.vertical .slider:active, - .scale.vertical scale.color.vertical:dir(ltr) slider:active, - scale.color.vertical:dir(ltr) .scale.vertical slider:active, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:active, - scale.vertical .scale.color.vertical:dir(ltr) .slider:active, - .scale.color.vertical:dir(ltr) scale.vertical .slider:active, - scale.vertical .scale.color.vertical:dir(ltr) slider:active, - .scale.color.vertical:dir(ltr) scale.vertical slider:active, - scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:active, - scale.vertical contents:first-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:disabled, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .scale.vertical .slider:disabled, - .scale.vertical scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) .scale.vertical slider:disabled, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:disabled, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) slider:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:backdrop, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop, - .scale.vertical scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop:disabled, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color, - scale.color { - min-height: 0; - min-width: 0; } - .scale.color .trough, - .scale.color trough, - scale.color .trough, - scale.color trough { - background-image: linear-gradient(to top, #33393b); - background-repeat: no-repeat; } - .scale.color.horizontal, - scale.color.horizontal { - padding: 0 0 15px 0; } - .scale.color.horizontal .trough, - .scale.color.horizontal trough, - scale.color.horizontal .trough, - scale.color.horizontal trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:backdrop, - .scale.color.horizontal slider:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal slider, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal .slider:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider { - margin-bottom: -15px; - margin-top: 6px; } - .scale.color.vertical:dir(ltr), - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - .scale.color.vertical:dir(ltr) .trough, - .scale.color.vertical:dir(ltr) trough, - scale.color.vertical:dir(ltr) .trough, - scale.color.vertical:dir(ltr) trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - .scale.color.vertical:dir(rtl), - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - .scale.color.vertical:dir(rtl) .trough, - .scale.color.vertical:dir(rtl) trough, - scale.color.vertical:dir(rtl) .trough, - scale.color.vertical:dir(rtl) trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - .scale.color.fine-tune.horizontal, - scale.color.fine-tune.horizontal { - padding: 0 0 12px 0; } - .scale.color.fine-tune.horizontal .trough, - .scale.color.fine-tune.horizontal trough, - scale.color.fine-tune.horizontal .trough, - scale.color.fine-tune.horizontal trough { - padding-bottom: 7px; - background-position: 0 -6px; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider { - margin-bottom: -15px; - margin-top: 6px; } - .scale.color.fine-tune.vertical:dir(ltr), - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - .scale.color.fine-tune.vertical:dir(ltr) .trough, - .scale.color.fine-tune.vertical:dir(ltr) trough, - scale.color.fine-tune.vertical:dir(ltr) .trough, - scale.color.fine-tune.vertical:dir(ltr) trough { - padding-left: 7px; - background-position: 6px 0; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - .scale.color.fine-tune.vertical:dir(rtl), - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - .scale.color.fine-tune.vertical:dir(rtl) .trough, - .scale.color.fine-tune.vertical:dir(rtl) trough, - scale.color.fine-tune.vertical:dir(rtl) .trough, - scale.color.fine-tune.vertical:dir(rtl) trough { - padding-right: 7px; - background-position: -6px 0; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - -/************** - * Scrollbars * - **************/ -.scrollbar, -scrollbar { - background-color: #596368; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - .scrollbar.top, - scrollbar.top { - border-bottom: 1px solid #33393b; } - .scrollbar.bottom, - scrollbar.bottom { - border-top: 1px solid #33393b; } - .scrollbar.left, - scrollbar.left { - border-right: 1px solid #33393b; } - .scrollbar.right, - scrollbar.right { - border-left: 1px solid #33393b; } - .scrollbar:backdrop, - scrollbar:backdrop { - background-color: #485054; - border-color: #363c3e; - transition: 200ms ease-out; } - .scrollbar .slider, - .scrollbar slider, - scrollbar .slider, - scrollbar slider { - min-width: 6px; - min-height: 6px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #80888b; } - .scrollbar .slider:hover, - .scrollbar slider:hover, - scrollbar .slider:hover, - scrollbar slider:hover { - background-color: #91989b; } - .scrollbar .slider:hover:active, - .scrollbar slider:hover:active, - scrollbar .slider:hover:active, - scrollbar slider:hover:active { - background-color: #8298a3; } - .scrollbar .slider:backdrop, - .scrollbar slider:backdrop, - scrollbar .slider:backdrop, - scrollbar slider:backdrop { - background-color: #5f686c; } - .scrollbar .slider:disabled, - .scrollbar slider:disabled, - scrollbar .slider:disabled, - scrollbar slider:disabled { - background-color: transparent; } - .scrollbar.fine-tune .slider, - .scrollbar.fine-tune slider, - scrollbar.fine-tune .slider, - scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; } - .scrollbar.fine-tune.horizontal slider, - scrollbar.fine-tune.horizontal slider { - border-width: 5px 4px; } - .scrollbar.fine-tune.vertical slider, - scrollbar.fine-tune.vertical slider { - border-width: 4px 5px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering), - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #A1A8AB; - border: 1px solid black; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: #A1A8AB; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid black; - -gtk-icon-source: none; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, - scrollbar.overlay-indicator.dragging, - scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - .scrollbar.horizontal slider, - scrollbar.horizontal slider { - min-width: 40px; } - .scrollbar.vertical slider, - scrollbar.vertical slider { - min-height: 40px; } - .scrollbar .button, - .scrollbar button, - scrollbar .button, - scrollbar button { - padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; - border-radius: 0; - transition-property: min-height, min-width, color; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #80888b; } - .scrollbar .button:hover, - .scrollbar button:hover, - scrollbar .button:hover, - scrollbar button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #91989b; } - .scrollbar .button:active, .scrollbar .button:checked, - .scrollbar button:active, - .scrollbar button:checked, - scrollbar .button:active, - scrollbar .button:checked, - scrollbar button:active, - scrollbar button:checked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #8298a3; } - .scrollbar .button:insensitive, - .scrollbar button:insensitive, - scrollbar .button:insensitive, - scrollbar button:insensitive { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(128, 136, 139, 0.2); } - .scrollbar .button:disabled, - .scrollbar button:disabled, - scrollbar .button:disabled, - scrollbar button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(128, 136, 139, 0.2); } - .scrollbar .button:backdrop, - .scrollbar button:backdrop, - scrollbar .button:backdrop, - scrollbar button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #5f686c; } - .scrollbar .button:backdrop:insensitive, .scrollbar .button:backdrop:disabled, - .scrollbar button:backdrop:insensitive, - .scrollbar button:backdrop:disabled, - scrollbar .button:backdrop:insensitive, - scrollbar .button:backdrop:disabled, - scrollbar button:backdrop:insensitive, - scrollbar button:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(95, 104, 108, 0.2); } - .scrollbar.vertical .button.down, - .scrollbar.vertical button.down, - scrollbar.vertical .button.down, - scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .scrollbar.vertical .button.up, - .scrollbar.vertical button.up, - scrollbar.vertical .button.up, - scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - .scrollbar.horizontal .button.down, - .scrollbar.horizontal button.down, - scrollbar.horizontal .button.down, - scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } - .scrollbar.horizontal .button.up, - .scrollbar.horizontal button.up, - scrollbar.horizontal .button.up, - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #33393b; - margin-top: -1px; } - -/********************** - * Overlay Scrollbars * - *********************/ -OsThumb, -OsScrollbar { - color: #667f8c; } - OsThumb:active, OsThumb:selected, - OsScrollbar:active, - OsScrollbar:selected { - background-color: #667f8c; } - OsThumb:backdrop, OsThumb:active:backdrop, - OsScrollbar:backdrop, - OsScrollbar:active:backdrop { - background-color: #788084; } - OsThumb:insensitive, - OsScrollbar:insensitive { - background-color: #788084; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: solid; - background-color: #4F585C; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #33393b; - border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list - .sidebar:dir(rtl), stacksidebar.sidebar.right list - .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #33393b; - border-right-style: none; } - .sidebar:backdrop { - background-color: #5a6569; - border-color: #363c3e; - transition: 200ms ease-out; } - .sidebar list { - background-color: transparent; } - .sidebar .frame { - border-width: 0; - border-right-width: 1px; } - .sidebar .list-row, - .sidebar row { - border: none; - padding: 5px 8px; } - .sidebar .list-row > GtkLabel, - .sidebar .list-row > label, - .sidebar row > GtkLabel, - .sidebar row > label { - padding-left: 6px; - padding-right: 6px; } - .sidebar .list-row.needs-attention > label, - .sidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - .sidebar .separator { - color: #33393b; } - .sidebar > .inline-toolbar { - border-radius: 0; } - .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, 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 .list-row, -stacksidebar row { - padding: 5px 8px; } - stacksidebar .list-row > label, - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar .list-row.needs-attention > label, - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -.spinbutton:not(.vertical) .entry, -.spinbutton:not(.vertical) entry, -spinbutton:not(.vertical) .entry, -spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - padding: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } -.spinbutton:not(.vertical) .button, -.spinbutton:not(.vertical) button, -spinbutton:not(.vertical) .button, -spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding: 6px; - color: #9ba2a5; - background-image: none; - border-style: none none none solid; - border-color: rgba(51, 57, 59, 0.3); - border-radius: 0; - box-shadow: none; } - .spinbutton:not(.vertical) .button:dir(rtl), - .spinbutton:not(.vertical) button:dir(rtl), - spinbutton:not(.vertical) .button:dir(rtl), - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .spinbutton:not(.vertical) .button:hover, - .spinbutton:not(.vertical) button:hover, - spinbutton:not(.vertical) .button:hover, - spinbutton:not(.vertical) button:hover { - color: #A1A8AB; - background-color: rgba(161, 168, 171, 0.05); } - .spinbutton:not(.vertical) .button:insensitive, .spinbutton:not(.vertical) .button:disabled, - .spinbutton:not(.vertical) button:insensitive, - .spinbutton:not(.vertical) button:disabled, - spinbutton:not(.vertical) .button:insensitive, - spinbutton:not(.vertical) .button:disabled, - spinbutton:not(.vertical) button:insensitive, - spinbutton:not(.vertical) button:disabled { - color: rgba(120, 128, 132, 0.3); } - .spinbutton:not(.vertical) .button:active, - .spinbutton:not(.vertical) button:active, - spinbutton:not(.vertical) .button:active, - spinbutton:not(.vertical) button:active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - .spinbutton:not(.vertical) .button:backdrop, - .spinbutton:not(.vertical) button:backdrop, - spinbutton:not(.vertical) .button:backdrop, - spinbutton:not(.vertical) button:backdrop { - color: #767f83; - background-color: transparent; - border-color: rgba(54, 60, 62, 0.3); - transition: 200ms ease-out; } - .spinbutton:not(.vertical) .button:backdrop:disabled, - .spinbutton:not(.vertical) button:backdrop:disabled, - spinbutton:not(.vertical) .button:backdrop:disabled, - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(114, 127, 133, 0.3); - background-image: none; - border-style: none none none solid; } - .spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl), - .spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), - spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl), - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } -.osd .spinbutton:not(.vertical) button, .osd -spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - border-radius: 0; - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:dir(rtl), .osd - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton:not(.vertical) button:hover, .osd - spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:backdrop, .osd - spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.5); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:disabled, .osd - spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #616769; - border-color: rgba(0, 0, 0, 0.5); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:last-child, .osd - spinbutton:not(.vertical) button:last-child { - border-radius: 0 3px 3px 0; } - .osd .spinbutton:not(.vertical) button:dir(rtl):first-child, .osd - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -.spinbutton.vertical:insensitive, .spinbutton.vertical:disabled, -spinbutton.vertical:insensitive, -spinbutton.vertical:disabled { - color: #788084; } -.spinbutton.vertical:backdrop:disabled, -spinbutton.vertical:backdrop:disabled { - color: #727f85; } -.spinbutton.vertical:drop(active), -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } -.spinbutton.vertical .entry, -.spinbutton.vertical entry, -spinbutton.vertical .entry, -spinbutton.vertical entry { - min-height: 24px; - min-width: 32px; - padding: 0; - border-radius: 0; } -.spinbutton.vertical .button, -.spinbutton.vertical button, -spinbutton.vertical .button, -spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; - border: none; - background: none; - box-shadow: none; - color: #A1A8AB; } - .spinbutton.vertical .button:hover, - .spinbutton.vertical button:hover, - spinbutton.vertical .button:hover, - spinbutton.vertical button:hover { - background-color: #667f8c; - color: #ffffff; - -gtk-icon-shadow: none; } - .spinbutton.vertical .button:active, - .spinbutton.vertical button:active, - spinbutton.vertical .button:active, - spinbutton.vertical button:active { - background-color: transparent; - color: #A1A8AB; } -.spinbutton.vertical .button.up, -.spinbutton.vertical button.up, -spinbutton.vertical .spinbutton.vertical .button.up, -.spinbutton.vertical spinbutton.vertical .button.up, -spinbutton.vertical .spinbutton.vertical button.up, -.spinbutton.vertical spinbutton.vertical button.up, -spinbutton.vertical .button.up, -spinbutton.vertical button.up { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } -.spinbutton.vertical .button.down, -.spinbutton.vertical button.down, -spinbutton.vertical .spinbutton.vertical .button.down, -.spinbutton.vertical spinbutton.vertical .button.down, -spinbutton.vertical .spinbutton.vertical button.down, -.spinbutton.vertical spinbutton.vertical button.down, -spinbutton.vertical .button.down, -spinbutton.vertical button.down { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } -.osd .spinbutton.vertical button:first-child, .osd -spinbutton.vertical button:first-child { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:hover, .osd - spinbutton.vertical button:first-child:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:active, .osd - spinbutton.vertical button:first-child:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:disabled, .osd - spinbutton.vertical button:first-child:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .spinbutton.vertical button:first-child:backdrop, .osd - spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -GtkTreeView .spinbutton:not(.vertical), treeview .spinbutton:not(.vertical), GtkTreeView -spinbutton:not(.vertical), treeview -spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - GtkTreeView .spinbutton:not(.vertical) .entry, - GtkTreeView .spinbutton:not(.vertical) entry, treeview .spinbutton:not(.vertical) .entry, - treeview .spinbutton:not(.vertical) entry, GtkTreeView - spinbutton:not(.vertical) .entry, - GtkTreeView - spinbutton:not(.vertical) entry, treeview - spinbutton:not(.vertical) .entry, - treeview - spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/*********** - * Spinner * - ***********/ -.menu.spinner, -menu spinner, -.primary-toolbar .spinner { - color: #667f8c; } - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -.spinner, -spinner { - background-image: none; - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - .spinner:active, .spinner:checked, - spinner:active, - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - .spinner:active:insensitive, .spinner:active:disabled, .spinner:checked:insensitive, .spinner:checked:disabled, - spinner:active:insensitive, - spinner:active:disabled, - spinner:checked:insensitive, - spinner:checked:disabled { - opacity: 0.5; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 16px; - -GtkSwitch-slider-height: 16px; } - -GtkSwitch, -switch { - font: 1; - font-weight: bold; - outline-offset: -4px; - transition: all 200ms ease-in; - border: none; - border-radius: 14px; - color: transparent; - padding: 2px; - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); } - GtkSwitch:insensitive, GtkSwitch:disabled, - switch:insensitive, - switch:disabled { - background-color: #576165; } - GtkSwitch:backdrop, - switch:backdrop { - background-color: #4F585C; - transition: 200ms ease-out; } - GtkSwitch:backdrop:insensitive, GtkSwitch:backdrop:disabled, - switch:backdrop:insensitive, - switch:backdrop:disabled { - background-color: #576165; } - GtkSwitch:active, GtkSwitch:checked, - switch:active, - switch:checked { - background-color: #667f8c; } - GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop, - switch:active:backdrop, - switch:checked:backdrop { - background-color: #738c99; } - GtkSwitch:active:backdrop .slider:backdrop, - GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop, - GtkSwitch:checked:backdrop slider:backdrop, - switch:active:backdrop .slider:backdrop, - switch:active:backdrop slider:backdrop, - switch:checked:backdrop .slider:backdrop, - switch:checked:backdrop slider:backdrop { - box-shadow: none; - background-color: rgba(99, 110, 115, 0.9); - border: none; } - GtkSwitch .slider, - GtkSwitch slider, - switch .slider, - switch slider { - padding: 2px; - min-width: 16px; - min-height: 16px; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #636E73; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } - GtkSwitch .slider:backdrop, - GtkSwitch slider:backdrop, - switch .slider:backdrop, - switch slider:backdrop { - padding: 2px; - box-shadow: none; - background-color: #636E73; } - GtkSwitch trough:active, GtkSwitch trough:checked, - GtkSwitch .trough:active, - GtkSwitch .trough:checked, - switch trough:active, - switch trough:checked, - switch .trough:active, - switch .trough:checked { - background-color: #667f8c; } - GtkSwitch trough:active:backdrop, GtkSwitch trough:checked:backdrop, - GtkSwitch .trough:active:backdrop, - GtkSwitch .trough:checked:backdrop, - switch trough:active:backdrop, - switch trough:checked:backdrop, - switch .trough:active:backdrop, - switch .trough:checked:backdrop { - background-color: #738c99; } - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - -GtkWidget-window-dragging: true; - padding: 0px; - background-color: #3B4245; - color: rgba(255, 255, 255, 0.8); } - .toolbar:backdrop, - toolbar:backdrop { - background-color: #2f3537; - color: rgba(255, 255, 255, 0.3); } - -.osd .toolbar, .osd -toolbar { - box-shadow: none; - background-color: transparent; } -.toolbar button, -.toolbar .button, -.toolbar .flat, -.toolbar .text-button, -.toolbar .image-button, -toolbar button, -toolbar .button, -toolbar .flat, -toolbar .text-button, -toolbar .image-button { - border: none; - background: none; - text-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.8); - border-radius: 0px; - padding: 10px; } - .toolbar button:focus, .toolbar button:active, - .toolbar .button:focus, - .toolbar .button:active, - .toolbar .flat:focus, - .toolbar .flat:active, - .toolbar .text-button:focus, - .toolbar .text-button:active, - .toolbar .image-button:focus, - .toolbar .image-button:active, - toolbar button:focus, - toolbar button:active, - toolbar .button:focus, - toolbar .button:active, - toolbar .flat:focus, - toolbar .flat:active, - toolbar .text-button:focus, - toolbar .text-button:active, - toolbar .image-button:focus, - toolbar .image-button:active { - color: rgba(255, 255, 255, 0.8); - text-shadow: none; - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); - background-color: rgba(255, 255, 255, 0.1); } - .toolbar button:focus:backdrop, .toolbar button:active:backdrop, - .toolbar .button:focus:backdrop, - .toolbar .button:active:backdrop, - .toolbar .flat:focus:backdrop, - .toolbar .flat:active:backdrop, - .toolbar .text-button:focus:backdrop, - .toolbar .text-button:active:backdrop, - .toolbar .image-button:focus:backdrop, - .toolbar .image-button:active:backdrop, - toolbar button:focus:backdrop, - toolbar button:active:backdrop, - toolbar .button:focus:backdrop, - toolbar .button:active:backdrop, - toolbar .flat:focus:backdrop, - toolbar .flat:active:backdrop, - toolbar .text-button:focus:backdrop, - toolbar .text-button:active:backdrop, - toolbar .image-button:focus:backdrop, - toolbar .image-button:active:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .toolbar button:hover, - .toolbar .button:hover, - .toolbar .flat:hover, - .toolbar .text-button:hover, - .toolbar .image-button:hover, - toolbar button:hover, - toolbar .button:hover, - toolbar .flat:hover, - toolbar .text-button:hover, - toolbar .image-button:hover { - background-color: rgba(255, 255, 255, 0.1); - text-shadow: none; - color: rgba(255, 255, 255, 0.8); - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } - .toolbar button:insensitive, - .toolbar .button:insensitive, - .toolbar .flat:insensitive, - .toolbar .text-button:insensitive, - .toolbar .image-button:insensitive, - toolbar button:insensitive, - toolbar .button:insensitive, - toolbar .flat:insensitive, - toolbar .text-button:insensitive, - toolbar .image-button:insensitive { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .toolbar button:backdrop, - .toolbar .button:backdrop, - .toolbar .flat:backdrop, - .toolbar .text-button:backdrop, - .toolbar .image-button:backdrop, - toolbar button:backdrop, - toolbar .button:backdrop, - toolbar .flat:backdrop, - toolbar .text-button:backdrop, - toolbar .image-button:backdrop { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } -.toolbar .separator, -toolbar .separator { - color: transparent; - background-color: transparent; } -.toolbar.osd, -toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(32, 37, 38, 0.8); } - .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, - toolbar.osd.left, - toolbar.osd.right, - toolbar.osd.top, - toolbar.osd.bottom { - border-radius: 0; } -.toolbar.horizontal separator, -toolbar.horizontal separator { - margin: 0 7px 1px 6px; } -.toolbar.vertical separator, -toolbar.vertical separator { - margin: 6px 1px 7px 0; } - -/******************* - * Inline Toolbars * - *******************/ -searchbar, -.search-bar, .location-bar, -.inline-toolbar { - -GtkWidget-window-dragging: true; - background-color: #4a5357; - color: #A1A8AB; - border: 1px solid #33393b; - border-top-width: 0; - border-radius: 0 0 5px 5px; - box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); - padding: 0px; } - searchbar:backdrop, - .search-bar:backdrop, .location-bar:backdrop, - .inline-toolbar:backdrop { - background-color: #434b4e; } - searchbar button, - .search-bar button, .location-bar button, - searchbar .button, - .search-bar .button, - .location-bar .button, - searchbar .flat, - .search-bar .flat, - .location-bar .flat, - searchbar .text-button, - .search-bar .text-button, - .location-bar .text-button, - searchbar .image-button, - .search-bar .image-button, - .location-bar .image-button, - .inline-toolbar button, - .inline-toolbar .button, - .inline-toolbar .flat, - .inline-toolbar .text-button, - .inline-toolbar .image-button { - border: none; - background: none; - text-shadow: none; - box-shadow: none; - background-color: transparent; - color: #A1A8AB; - border-radius: 0px; - padding: 10px; } - searchbar button:focus, - .search-bar button:focus, .location-bar button:focus, searchbar button:active, - .search-bar button:active, .location-bar button:active, - searchbar .button:focus, - .search-bar .button:focus, - .location-bar .button:focus, - searchbar .button:active, - .search-bar .button:active, - .location-bar .button:active, - searchbar .flat:focus, - .search-bar .flat:focus, - .location-bar .flat:focus, - searchbar .flat:active, - .search-bar .flat:active, - .location-bar .flat:active, - searchbar .text-button:focus, - .search-bar .text-button:focus, - .location-bar .text-button:focus, - searchbar .text-button:active, - .search-bar .text-button:active, - .location-bar .text-button:active, - searchbar .image-button:focus, - .search-bar .image-button:focus, - .location-bar .image-button:focus, - searchbar .image-button:active, - .search-bar .image-button:active, - .location-bar .image-button:active, - .inline-toolbar button:focus, - .inline-toolbar button:active, - .inline-toolbar .button:focus, - .inline-toolbar .button:active, - .inline-toolbar .flat:focus, - .inline-toolbar .flat:active, - .inline-toolbar .text-button:focus, - .inline-toolbar .text-button:active, - .inline-toolbar .image-button:focus, - .inline-toolbar .image-button:active { - font: bold; - color: #A1A8AB; - text-shadow: none; - box-shadow: none; - background-color: rgba(0, 0, 0, 0.05); } - searchbar button:focus:backdrop, - .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, - .search-bar button:active:backdrop, .location-bar button:active:backdrop, - searchbar .button:focus:backdrop, - .search-bar .button:focus:backdrop, - .location-bar .button:focus:backdrop, - searchbar .button:active:backdrop, - .search-bar .button:active:backdrop, - .location-bar .button:active:backdrop, - searchbar .flat:focus:backdrop, - .search-bar .flat:focus:backdrop, - .location-bar .flat:focus:backdrop, - searchbar .flat:active:backdrop, - .search-bar .flat:active:backdrop, - .location-bar .flat:active:backdrop, - searchbar .text-button:focus:backdrop, - .search-bar .text-button:focus:backdrop, - .location-bar .text-button:focus:backdrop, - searchbar .text-button:active:backdrop, - .search-bar .text-button:active:backdrop, - .location-bar .text-button:active:backdrop, - searchbar .image-button:focus:backdrop, - .search-bar .image-button:focus:backdrop, - .location-bar .image-button:focus:backdrop, - searchbar .image-button:active:backdrop, - .search-bar .image-button:active:backdrop, - .location-bar .image-button:active:backdrop, - .inline-toolbar button:focus:backdrop, - .inline-toolbar button:active:backdrop, - .inline-toolbar .button:focus:backdrop, - .inline-toolbar .button:active:backdrop, - .inline-toolbar .flat:focus:backdrop, - .inline-toolbar .flat:active:backdrop, - .inline-toolbar .text-button:focus:backdrop, - .inline-toolbar .text-button:active:backdrop, - .inline-toolbar .image-button:focus:backdrop, - .inline-toolbar .image-button:active:backdrop { - border: none; - background-color: transparent; - color: #788084; } - searchbar button:hover, - .search-bar button:hover, .location-bar button:hover, - searchbar .button:hover, - .search-bar .button:hover, - .location-bar .button:hover, - searchbar .flat:hover, - .search-bar .flat:hover, - .location-bar .flat:hover, - searchbar .text-button:hover, - .search-bar .text-button:hover, - .location-bar .text-button:hover, - searchbar .image-button:hover, - .search-bar .image-button:hover, - .location-bar .image-button:hover, - .inline-toolbar button:hover, - .inline-toolbar .button:hover, - .inline-toolbar .flat:hover, - .inline-toolbar .text-button:hover, - .inline-toolbar .image-button:hover { - background-color: rgba(0, 0, 0, 0.05); - text-shadow: none; - color: #A1A8AB; - box-shadow: none; } - searchbar button:insensitive, - .search-bar button:insensitive, .location-bar button:insensitive, - searchbar .button:insensitive, - .search-bar .button:insensitive, - .location-bar .button:insensitive, - searchbar .flat:insensitive, - .search-bar .flat:insensitive, - .location-bar .flat:insensitive, - searchbar .text-button:insensitive, - .search-bar .text-button:insensitive, - .location-bar .text-button:insensitive, - searchbar .image-button:insensitive, - .search-bar .image-button:insensitive, - .location-bar .image-button:insensitive, - .inline-toolbar button:insensitive, - .inline-toolbar .button:insensitive, - .inline-toolbar .flat:insensitive, - .inline-toolbar .text-button:insensitive, - .inline-toolbar .image-button:insensitive { - background: none; - background-color: transparent; - color: rgba(161, 168, 171, 0.5); } - searchbar button:backdrop, - .search-bar button:backdrop, .location-bar button:backdrop, - searchbar .button:backdrop, - .search-bar .button:backdrop, - .location-bar .button:backdrop, - searchbar .flat:backdrop, - .search-bar .flat:backdrop, - .location-bar .flat:backdrop, - searchbar .text-button:backdrop, - .search-bar .text-button:backdrop, - .location-bar .text-button:backdrop, - searchbar .image-button:backdrop, - .search-bar .image-button:backdrop, - .location-bar .image-button:backdrop, - .inline-toolbar button:backdrop, - .inline-toolbar .button:backdrop, - .inline-toolbar .flat:backdrop, - .inline-toolbar .text-button:backdrop, - .inline-toolbar .image-button:backdrop { - border: none; - background: none; - background-color: transparent; - color: #788084; } - searchbar .entry, - .search-bar .entry, .location-bar .entry, - searchbar entry, - .search-bar entry, - .location-bar entry, - .inline-toolbar .entry, - .inline-toolbar entry { - background: none; - color: #A1A8AB; - border-radius: 0px; - border: none; - box-shadow: none; } - searchbar .entry.image, - .search-bar .entry.image, .location-bar .entry.image, - searchbar entry.image, - .search-bar entry.image, - .location-bar entry.image, - .inline-toolbar .entry.image, - .inline-toolbar entry.image { - color: #A1A8AB; } - searchbar .entry.image.left, - .search-bar .entry.image.left, .location-bar .entry.image.left, - searchbar entry.image.left, - .search-bar entry.image.left, - .location-bar entry.image.left, - .inline-toolbar .entry.image.left, - .inline-toolbar entry.image.left { - padding-right: 6px; } - searchbar .entry:backdrop, - .search-bar .entry:backdrop, .location-bar .entry:backdrop, - searchbar entry:backdrop, - .search-bar entry:backdrop, - .location-bar entry:backdrop, - .inline-toolbar .entry:backdrop, - .inline-toolbar entry:backdrop { - color: #788084; } - searchbar .entry:selected, - .search-bar .entry:selected, .location-bar .entry:selected, - searchbar entry:selected, - .search-bar entry:selected, - .location-bar entry:selected, - .inline-toolbar .entry:selected, - .inline-toolbar entry:selected { - color: #636E73; - background-color: #667f8c; } - -searchbar, -.search-bar, .location-bar { - border-style: solid; - border-color: #33393b; - background-color: #474f52; } - searchbar:backdrop, - .search-bar:backdrop, .location-bar:backdrop { - border-color: #363c3e; - background-color: #464e52; - box-shadow: none; - transition: 200ms ease-out; } - -searchbar, -.search-bar { - padding: 3px 0px; - border-width: 0; - border-radius: 0; } - -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -/************ - * Tooltips * - ************/ -tooltip, -.tooltip, -.overlay-bar { - margin: 4px; - border: none; - border-radius: 3px; - background-color: #636E73; - color: #A1A8AB; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } - tooltip.background, - .tooltip.background, - .overlay-bar.background { - background-color: #636E73; - border: none; } - tooltip decoration, - .tooltip decoration, - .overlay-bar decoration { - background-color: transparent; } - tooltip *, - .tooltip *, - .overlay-bar * { - padding: 2px; - background-color: transparent; - color: #A1A8AB; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } - -.context-menu { - font: initial; } - -.button.circular, -button.circular { - border-radius: 20px; - -gtk-outline-radius: 20px; } - .button.circular label, - button.circular label { - padding: 0; } - -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #A1A8AB; - background-color: #636E73; - border: 1px solid; - border-color: #33393b; - border-radius: 5px; - box-shadow: inset 0 -3px #464e51; - font-size: smaller; } - .keycap:backdrop { - background-color: #657176; - color: #788084; - transition: 200ms ease-out; } - -*:drop(active):focus, -*:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; - caret-color: #4e9a06; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************** - * Tree Views * - **************/ -GtkTreeView.view, -treeview.view { - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: #828b8f; - border-top-color: #4F585C; } - GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - border-radius: 0; } - GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, - treeview.view:selected:backdrop, - treeview.view:selected { - border-left-color: #b3bfc6; - border-top-color: rgba(161, 168, 171, 0.1); } - GtkTreeView.view:disabled, - treeview.view:disabled { - color: #788084; } - GtkTreeView.view:disabled:selected, - treeview.view:disabled:selected { - color: #a3b2ba; } - GtkTreeView.view:disabled:selected:backdrop, - treeview.view:disabled:selected:backdrop { - color: rgba(121, 143, 154, 0.85); } - GtkTreeView.view:disabled:backdrop, - treeview.view:disabled:backdrop { - color: #727f85; } - GtkTreeView.view.separator, - treeview.view.separator { - min-height: 2px; - color: #4F585C; } - GtkTreeView.view.separator:backdrop, - treeview.view.separator:backdrop { - color: rgba(79, 88, 92, 0.1); } - GtkTreeView.view:backdrop, - treeview.view:backdrop { - border-left-color: #646c70; - border-top: #4F585C; } - GtkTreeView.view:drop(active), - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #262f33; } - GtkTreeView.view:drop(active).after, - treeview.view:drop(active).after { - border-top-style: none; } - GtkTreeView.view:drop(active).before, - treeview.view:drop(active).before { - border-bottom-style: none; } - GtkTreeView.view.expander, - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #8e979a; } - GtkTreeView.view.expander:dir(rtl), - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover, - treeview.view.expander:hover { - color: #A1A8AB; } - GtkTreeView.view.expander:selected, - treeview.view.expander:selected { - color: #d1d9dd; } - GtkTreeView.view.expander:selected:hover, - treeview.view.expander:selected:hover { - color: #ffffff; } - GtkTreeView.view.expander:selected:backdrop, - treeview.view.expander:selected:backdrop { - color: rgba(169, 183, 190, 0.65); } - GtkTreeView.view.expander:checked, - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:backdrop, - treeview.view.expander:backdrop { - color: #727c80; } - GtkTreeView.view.progressbar, - treeview.view.progressbar { - border: 1px solid #262f33; - border-radius: 4px; - background-color: #667f8c; - background-image: linear-gradient(to bottom, #667f8c, #51646e); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } - GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, - treeview.view.progressbar:selected:focus, - treeview.view.progressbar:selected { - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #636E73, #4b5458); } - GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, - treeview.view.progressbar:selected:focus:backdrop, - treeview.view.progressbar:selected:backdrop { - border-color: #657176; - background-color: #657176; } - GtkTreeView.view.progressbar:backdrop, - treeview.view.progressbar:backdrop { - border-color: #657176; - background-image: none; - box-shadow: none; } - GtkTreeView.view.trough, - treeview.view.trough { - background-color: rgba(161, 168, 171, 0.1); - border-radius: 4px; } - GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, - treeview.view.trough:selected:focus, - treeview.view.trough:selected { - background-color: #51646e; - border-radius: 4px; } - GtkTreeView.view column-header .button, - GtkTreeView.view column-header button, - GtkTreeView.view header .button, - GtkTreeView.view header button, - treeview.view column-header .button, - treeview.view column-header button, - treeview.view header .button, - treeview.view header button { - color: #828b8f; - background-color: #636E73; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - GtkTreeView.view column-header .button:hover, - GtkTreeView.view column-header button:hover, - GtkTreeView.view header .button:hover, - GtkTreeView.view header button:hover, - treeview.view column-header .button:hover, - treeview.view column-header button:hover, - treeview.view header .button:hover, - treeview.view header button:hover { - color: #929a9d; - box-shadow: none; - transition: none; } - GtkTreeView.view column-header .button:active, - GtkTreeView.view column-header button:active, - GtkTreeView.view header .button:active, - GtkTreeView.view header button:active, - treeview.view column-header .button:active, - treeview.view column-header button:active, - treeview.view header .button:active, - treeview.view header button:active { - color: #A1A8AB; - transition: none; } - GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, - GtkTreeView.view header button:last-child:backdrop, - GtkTreeView.view header button:last-child, - treeview.view column-header button:last-child:backdrop, - treeview.view column-header button:last-child, - treeview.view header button:last-child:backdrop, - treeview.view header button:last-child { - border-right-style: none; } - GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, - GtkTreeView.view button.dnd:active, - GtkTreeView.view button.dnd:selected, - GtkTreeView.view button.dnd:hover, - GtkTreeView.view button.dnd, - GtkTreeView.view column-header.button.dnd:active, - GtkTreeView.view column-header.button.dnd:selected, - GtkTreeView.view column-header.button.dnd:hover, - GtkTreeView.view column-header.button.dnd, - GtkTreeView.view header.button.dnd:active, - GtkTreeView.view header.button.dnd:selected, - GtkTreeView.view header.button.dnd:hover, - GtkTreeView.view header.button.dnd, - treeview.view .button.dnd:active, - treeview.view .button.dnd:selected, - treeview.view .button.dnd:hover, - treeview.view .button.dnd, - treeview.view button.dnd:active, - treeview.view button.dnd:selected, - treeview.view button.dnd:hover, - treeview.view button.dnd, - treeview.view column-header.button.dnd:active, - treeview.view column-header.button.dnd:selected, - treeview.view column-header.button.dnd:hover, - treeview.view column-header.button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 4px 6px; - transition: none; - background-image: none; - background-color: #667f8c; - color: #636E73; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px #636E73; - text-shadow: none; } - -GtkTreeView.view column-header .button, -GtkTreeView.view column-header button, -GtkTreeView.view header .button, -GtkTreeView.view header button, -treeview.view column-header .button, -treeview.view column-header button, -treeview.view header .button, -treeview.view header button, GtkTreeView.view column-header .button:hover, -GtkTreeView.view column-header button:hover, -GtkTreeView.view header .button:hover, -GtkTreeView.view header button:hover, -treeview.view column-header .button:hover, -treeview.view column-header button:hover, -treeview.view header .button:hover, -treeview.view header button:hover, GtkTreeView.view column-header .button:active, -GtkTreeView.view column-header button:active, -GtkTreeView.view header .button:active, -GtkTreeView.view header button:active, -treeview.view column-header .button:active, -treeview.view column-header button:active, -treeview.view header .button:active, -treeview.view header button:active { - padding: 4px 6px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: #4F585C; } - GtkTreeView.view column-header .button:disabled, - GtkTreeView.view column-header button:disabled, - GtkTreeView.view header .button:disabled, - GtkTreeView.view header button:disabled, - treeview.view column-header .button:disabled, - treeview.view column-header button:disabled, - treeview.view header .button:disabled, - treeview.view header button:disabled { - border-color: #4F585C; - background-image: none; } - GtkTreeView.view column-header .button:backdrop, - GtkTreeView.view column-header button:backdrop, - GtkTreeView.view header .button:backdrop, - GtkTreeView.view header button:backdrop, - treeview.view column-header .button:backdrop, - treeview.view column-header button:backdrop, - treeview.view header .button:backdrop, - treeview.view header button:backdrop { - border-color: #4F585C; - border-style: none solid solid none; - color: #646c70; - background-image: none; - background-color: #657176; } - GtkTreeView.view column-header .button:backdrop:disabled, - GtkTreeView.view column-header button:backdrop:disabled, - GtkTreeView.view header .button:backdrop:disabled, - GtkTreeView.view header button:backdrop:disabled, - treeview.view column-header .button:backdrop:disabled, - treeview.view column-header button:backdrop:disabled, - treeview.view header .button:backdrop:disabled, - treeview.view header button:backdrop:disabled { - border-color: #4F585C; - background-image: none; } - -/********************** - * Window Decorations * - *********************/ -.window-frame, -decoration { - border-radius: 4px; - border-width: 0px; - box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); - margin: 10px; } - .window-frame:backdrop, - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); - transition: 200ms ease-out; } - .fullscreen .window-frame, .tiled .window-frame, .fullscreen - decoration, .tiled - decoration { - border-radius: 0; } - .popup .window-frame, .popup - decoration { - box-shadow: none; } - .ssd .window-frame, .ssd - decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } - .csd.popup .window-frame, .csd.popup - decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd - decoration, tooltip.csd - decoration { - border-radius: 5px; - box-shadow: none; } - GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd - decoration, messagedialog.csd - decoration { - border-radius: 5px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } - .solid-csd .window-frame, .solid-csd - decoration { - border-radius: 0; - margin: 4px; - background-color: #4F585C; - border: 0px solid #363c3e; - box-shadow: none; } - -.view:selected:focus, GtkIconView:selected:focus, -iconview:selected:focus, .view:selected, GtkIconView:selected, -iconview:selected, -GtkTextView text:selected:focus, -textview text:selected:focus, -GtkTextView text:selected, -textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, -textview text selection:focus, -textview text selection, GtkFlow flowboxchild:selected, -flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected, -.popover.background checkbutton:selected, -.popover.background .radio:selected, -.popover.background radiobutton:selected, -popover.background .check:selected, -popover.background checkbutton:selected, -popover.background .radio:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, GtkCalendar:selected, -calendar:selected, -spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical), -spinbutton:selected:not(.vertical), -.entry:selected:focus, -.entry:selected, -entry:selected:focus, -entry:selected, -spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection, -spinbutton:not(.vertical) selection, -.entry selection:focus, -.entry selection, -entry selection:focus, -entry selection, row:selected, -.list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, -treeview.view:selected:focus, -treeview.view:selected { - background-color: #667f8c; } - .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected - label, row:selected - label, - label:selected, .view:selected:focus, GtkIconView:selected:focus, - iconview:selected:focus, .view:selected, GtkIconView:selected, - iconview:selected, - GtkTextView text:selected:focus, - textview text:selected:focus, - GtkTextView text:selected, - textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, - textview text selection:focus, - textview text selection, GtkFlow flowboxchild:selected, - flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected, - .popover.background checkbutton:selected, - .popover.background .radio:selected, - .popover.background radiobutton:selected, - popover.background .check:selected, - popover.background checkbutton:selected, - popover.background .radio:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, GtkCalendar:selected, - calendar:selected, - spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical), - spinbutton:selected:not(.vertical), - .entry:selected:focus, - .entry:selected, - entry:selected:focus, - entry:selected, - spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection, - spinbutton:not(.vertical) selection, - .entry selection:focus, - .entry selection, - entry selection:focus, - entry selection, row:selected, - .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - color: #ffffff; } - .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected - label:disabled, row:selected - label:disabled, - label:disabled:selected, GtkIconView:disabled:selected:focus, - iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, - iconview:disabled:selected, - GtkTextView text:disabled:selected:focus, - textview text:disabled:selected:focus, - GtkTextView text:disabled:selected, - textview text:disabled:selected, GtkTextView text selection:disabled, - textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, - flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, - label:disabled selection, modelbutton.flat:disabled:selected, .popover.background .check:disabled:selected, - .popover.background checkbutton:disabled:selected, - .popover.background .radio:disabled:selected, - .popover.background radiobutton:disabled:selected, - popover.background .check:disabled:selected, - popover.background checkbutton:disabled:selected, - popover.background .radio:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, GtkCalendar:disabled:selected, - calendar:disabled:selected, .spinbutton:disabled:selected:not(.vertical), - spinbutton:disabled:selected:not(.vertical), - .entry:disabled:selected, - entry:disabled:selected, .spinbutton:not(.vertical) selection:disabled, - spinbutton:not(.vertical) selection:disabled, - .entry selection:disabled, - entry selection:disabled, row:disabled:selected, - .list-row:disabled:selected { - color: #b3bfc6; } - .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected - label:backdrop, row:selected - label:backdrop, - label:backdrop:selected, GtkIconView:backdrop:selected:focus, - iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, - iconview:backdrop:selected, - GtkTextView text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - GtkTextView text:backdrop:selected, - textview text:backdrop:selected, GtkTextView text selection:backdrop, - textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, - flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, - label:backdrop selection, modelbutton.flat:backdrop:selected, .popover.background .check:backdrop:selected, - .popover.background checkbutton:backdrop:selected, - .popover.background .radio:backdrop:selected, - .popover.background radiobutton:backdrop:selected, - popover.background .check:backdrop:selected, - popover.background checkbutton:backdrop:selected, - popover.background .radio:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, - calendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical), - spinbutton:backdrop:selected:not(.vertical), - .entry:backdrop:selected, - entry:backdrop:selected, .spinbutton:not(.vertical) selection:backdrop, - spinbutton:not(.vertical) selection:backdrop, - .entry selection:backdrop, - entry selection:backdrop, row:backdrop:selected, - .list-row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected - label:backdrop:disabled, row:selected - label:backdrop:disabled, - label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, - iconview:backdrop:disabled:selected, - GtkTextView text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, - textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, - flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, - label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, - label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, .popover.background .check:backdrop:disabled:selected, - .popover.background checkbutton:backdrop:disabled:selected, - .popover.background .radio:backdrop:disabled:selected, - .popover.background radiobutton:backdrop:disabled:selected, - popover.background .check:backdrop:disabled:selected, - popover.background checkbutton:backdrop:disabled:selected, - popover.background .radio:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, GtkCalendar:backdrop:disabled:selected, - calendar:backdrop:disabled:selected, .spinbutton:backdrop:disabled:selected:not(.vertical), - spinbutton:backdrop:disabled:selected:not(.vertical), - .entry:backdrop:disabled:selected, - entry:backdrop:disabled:selected, .spinbutton:not(.vertical) selection:backdrop:disabled, - spinbutton:not(.vertical) selection:backdrop:disabled, - .entry selection:backdrop:disabled, - entry selection:backdrop:disabled, row:backdrop:disabled:selected, - .list-row:backdrop:disabled:selected { - color: rgba(121, 143, 154, 0.85); } - -.monospace { - font: Monospace; } - -/********************** - * DE-Specific Styles * - **********************/ -/********** -* Budgie * -**********/ -.budgie-panel { - background-color: rgba(0, 0, 0, 0.8); - transition: 100ms ease-in; - font: bold; - color: white; } - .budgie-panel .top { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .bottom { - border-top: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .left { - border-right: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .right { - border-left: 1px solid rgba(255, 255, 255, 0.2); } - -.max-budgie-panel { - background-color: black; - transition: 100ms ease-in; - font: bold; - color: white; } - .max-budgie-panel .top { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .bottom { - border-top: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .left { - border-right: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .right { - border-left: 1px solid rgba(255, 255, 255, 0.2); } - -/* Top launchers */ -/* Left hand side launchers */ -/* Right hand side launchers */ -.notification .priority.low { - background-color: #2095f2; } - -.notification .priority.high { - background-color: #feea3a; } - -.notification .priority.critical { - background-color: #f34235; } - -/*************** - * font-viewer * - ***************/ -SushiFontWidget { - padding: 6px 12px; } - -/********** - * Sudoku * - **********/ -SudokuView SudokuCellView { - border: inherit; - background-color: inherit; } - -SudokuView SudokuCellView:backdrop { - border: inherit; - background-color: inherit; } - -SudokuView { - border: none; } - -/***************** - * Character Map * - *****************/ -GucharmapChartable { - background-color: #636E73; } - -GucharmapChartable:active, -GucharmapChartable:focus, -GucharmapChartable:selected { - background-color: #667f8c; - color: #ffffff; } - -/******** - * Misc * - *******/ -ApDocView, -EogScrollView, -CheeseThumbView { - -EogScrollView-shadow-type: none; } - -/************ - * Terminal * - ************/ -TerminalScreen, -VteTerminal { - background-color: rgba(0, 43, 54, 0.9); - color: #839495; } - -TerminalWindow .titlebar, -TerminalWindow .header-bar { - background-color: #636E73; } - TerminalWindow .titlebar:backdrop, - TerminalWindow .header-bar:backdrop { - background-color: #4b5458; } - -/************ - * Nautilus * - ************/ -NautilusCanvasView { - border: none; } - NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { - border: none; } - -.nautilus-circular-button { - border-radius: 20px; - outline-radius: 20px; } - -.disk-space-display { - border: 2px solid; } - .disk-space-display .unknown { - background-color: #888a85; - border-color: shade(#888a85, 0.8); } - .disk-space-display .used { - background-color: #9FB0B9; - border-color: shade(#9FB0B9, 0.8); } - .disk-space-display .free { - background-color: #D8D8D8; - border-color: shade(#D8D8D8, 0.8); } - -.nautilus-desktop { - color: #A1A8AB; } - .nautilus-desktop .nautilus-canvas-item { - border-radius: 5px; - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop .nautilus-canvas-item:active { - color: #A1A8AB; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item:prelight { - color: #A1A8AB; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item:selected { - color: #ffffff; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, - .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected, - .header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, - headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { - color: #ffffff; } - .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, - .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list .header-bar .subtitle:selected, - .header-bar .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list headerbar .subtitle:selected, - headerbar .nautilus-desktop .nautilus-list .subtitle:selected { - color: #ffffff; } - -/*********** - * Builder * - ***********/ -GbGreeterWindow .titlebar, -GbGreeterWindow .header-bar, -GbWorkbench .titlebar, -GbWorkbench .header-bar { - background-color: #CBBB2E; } - GbGreeterWindow .titlebar:backdrop, - GbGreeterWindow .header-bar:backdrop, - GbWorkbench .titlebar:backdrop, - GbWorkbench .header-bar:backdrop { - background-color: #a19525; } - -/************** - * Calculator * - **************/ -MathWindow { - background-color: #636E73; - border-radius: 0 0 4px 4px; } - MathWindow .titlebar, - MathWindow .header-bar, - MathWindow .toolbar { - background-color: #07ce8e; } - MathWindow .titlebar:backdrop, - MathWindow .header-bar:backdrop, - MathWindow .toolbar:backdrop { - background-color: #059d6c; } - MathWindow MathButtons GtkComboBox, - MathWindow MathButtons .button { - background-color: transparent; - background-image: none; - box-shadow: none; - border: none; - text-shadow: none; - color: #07ce8e; - font: bold; } - MathWindow MathButtons GtkComboBox:hover, - MathWindow MathButtons .button:hover { - background-image: none; - background-color: #636E73; - color: #07ce8e; } - MathWindow MathButtons GtkComboBox:backdrop, - MathWindow MathButtons .button:backdrop { - color: #059d6c; } - MathWindow MathButtons GtkComboBox.text-button.suggested-action, - MathWindow MathButtons .button.text-button.suggested-action { - background-image: none; - box-shadow: none; - text-shadow: none; - background-color: #07ce8e; - color: #636E73; } - MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, - MathWindow MathButtons .button.text-button.suggested-action:backdrop { - background-color: #059d6c; - color: rgba(99, 110, 115, 0.5); } - MathWindow MathDisplay { - padding: 4px; - background-color: #636E73; - border: 1px solid #33393b; } - -/************ - * Calendar * - ************/ -GcalWindow .titlebar, -GcalWindow .header-bar { - background-color: #75A3F6; } - GcalWindow .titlebar:backdrop, - GcalWindow .header-bar:backdrop { - background-color: #4583f3; } - -/********** - * Cheese * - **********/ -CheeseWindow .titlebar, -CheeseWindow .header-bar, -CheeseWindow .toolbar { - background-color: #ad7fa8; } - CheeseWindow .titlebar:backdrop, - CheeseWindow .header-bar:backdrop, - CheeseWindow .toolbar:backdrop { - background-color: #986192; } - -/************ - * Contacts * - ************/ -ContactsWindow .titlebar, -ContactsWindow .header-bar { - background-color: #2095F2; } - ContactsWindow .titlebar:backdrop, - ContactsWindow .header-bar:backdrop { - background-color: #0c7bd3; } - -/********** - * Clocks * - **********/ -ClocksWindow .titlebar, -ClocksWindow .header-bar { - background-color: #4BAE4F; } - ClocksWindow .titlebar:backdrop, - ClocksWindow .header-bar:backdrop { - background-color: #3c8a3f; } - -/********* - * Disks * - *********/ -GduWindow .titlebar, -GduWindow .header-bar { - background-color: #8561C5; } - GduWindow .titlebar:backdrop, - GduWindow .header-bar:backdrop { - background-color: #6a41b2; } - -/************** - * Disk Usage * - **************/ -BaobabWindow .titlebar, -BaobabWindow .header-bar { - background-color: #CC5E55; } - BaobabWindow .titlebar:backdrop, - BaobabWindow .header-bar:backdrop { - background-color: #b74137; } - -/************* - * Documents * - *************/ -#Documents .titlebar, -#Documents .header-bar { - background-color: #C2352A; } - #Documents .titlebar:backdrop, - #Documents .header-bar:backdrop { - background-color: #982a21; } - -/************ - * Epiphany * - ************/ -EphyWindow .titlebar, -EphyWindow .header-bar { - background-color: #6573C3; } - EphyWindow .titlebar:backdrop, - EphyWindow .header-bar:backdrop { - background-color: #4555b0; } - EphyWindow .titlebar .incognito-mode, - EphyWindow .header-bar .incognito-mode { - background-color: #3e4c9e; } - EphyWindow .titlebar .incognito-mode .button, - EphyWindow .header-bar .incognito-mode .button { - background-image: none; } - EphyWindow .titlebar .incognito-mode:backdrop, - EphyWindow .header-bar .incognito-mode:backdrop { - background-color: #2f3a79; } - -/********* - * Gedit * - *********/ -GeditWindow .titlebar, -GeditWindow .header-bar, -GeditWindow .gedit-headerbar-paned { - background-color: #DC4836; } - GeditWindow .titlebar:backdrop, - GeditWindow .header-bar:backdrop, - GeditWindow .gedit-headerbar-paned:backdrop { - background-color: #be3221; } - -/************** - * Log Viewer * - **************/ -GlWindow .titlebar, -GlWindow .header-bar, -GlWindow .toolbar, -LogviewWindow .titlebar, -LogviewWindow .header-bar, -LogviewWindow .toolbar { - background-color: #009587; } - GlWindow .titlebar:backdrop, - GlWindow .header-bar:backdrop, - GlWindow .toolbar:backdrop, - LogviewWindow .titlebar:backdrop, - LogviewWindow .header-bar:backdrop, - LogviewWindow .toolbar:backdrop { - background-color: #006259; } - -/********* - * Music * - *********/ -gnomemusic + window + Window .titlebar, -gnomemusic + window + Window .header-bar { - background-color: #fe9700; } - gnomemusic + window + Window .titlebar:backdrop, - gnomemusic + window + Window .header-bar:backdrop { - background-color: #cb7900; } - -/***************** - * Notes/Bijiben * - *****************/ -BjbMainToolbar .titlebar, -BjbMainToolbar .header-bar, -BjbWindowBase .titlebar, -BjbWindowBase .header-bar { - background-color: #ebdd4d; } - BjbMainToolbar .titlebar:backdrop, - BjbMainToolbar .header-bar:backdrop, - BjbWindowBase .titlebar:backdrop, - BjbWindowBase .header-bar:backdrop { - background-color: #e6d41f; } - -/********** - * Photos * - **********/ -PhotosMainWindow .titlebar, -PhotosMainWindow .header-bar { - background-color: #D30101; } - PhotosMainWindow .titlebar:backdrop, - PhotosMainWindow .header-bar:backdrop { - background-color: #a00101; } - -/********** - * Polari * - **********/ -.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, -.header-bar.polari-titlebar-left, -.header-bar.polari-titlebar-right { - background-color: #4BAE4F; } - .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, - .header-bar.polari-titlebar-left:backdrop, - .header-bar.polari-titlebar-right:backdrop { - background-color: #3c8a3f; } - -/******************* - * System Settings * - ******************/ -CcWindow .titlebar, -CcWindow .header-bar { - background-color: #5F7C8A; } - CcWindow .titlebar:backdrop, - CcWindow .header-bar:backdrop { - background-color: #4a616c; } - -CcShellNavBar { - padding: 0px; } - -/************ - * Software * - ************/ -#window_software .titlebar, -#window_software .header-bar { - background-color: #1A77C2; } - #window_software .titlebar:backdrop, - #window_software .header-bar:backdrop { - background-color: #145b95; } - -/****************** - * System Monitor * - ******************/ -#gnome-system-monitor .titlebar, -#gnome-system-monitor .header-bar { - background-color: #6fbe72; } - #gnome-system-monitor .titlebar:backdrop, - #gnome-system-monitor .header-bar:backdrop { - background-color: #4eac51; } - -/******** - * Yelp * - ********/ -YelpWindow .titlebar, -YelpWindow .header-bar { - background-color: #435ece; } - YelpWindow .titlebar:backdrop, - YelpWindow .header-bar:backdrop { - background-color: #2e47b0; } - -/******** - * Gala * - *******/ -.gala-notification { - border-width: 0; - border-radius: 2px; - color: white; - border: 1px solid #636E73; - background-color: #636E73; } - .gala-notification .title, - .gala-notification .label { - color: #A1A8AB; } - -.gala-button { - padding: 3px; - color: #636E73; - border: none; - border-radius: 50%; - background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } - -/********** - * Notify * - *********/ -.notify { - /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ - border-radius: 5px; - border: 1px solid rgba(0, 0, 0, 0.7); - background-color: rgba(99, 110, 115, 0.05); } - -/*************** - * SwitchBoard * - ***************/ -.category-label { - font-weight: bold; - color: #A1A8AB; } - -/************* - * Slingshot * - ************/ -.button.app { - border: none; - border-radius: 0; - box-shadow: none; - background-image: none; } - .button.app .app:hover { - border-radius: 8px; - border: none; - background-color: rgba(102, 127, 140, 0.3); - color: white; } - .button.app .app:focus { - /*background-color: transparentize(black, 0.20);*/ } - -.search-item { - border-radius: 0; - border: none; - color: #A1A8AB; - background: none; } - .search-item:hover, .search-item:focus { - border-radius: 0; - background-color: rgba(102, 127, 140, 0.3); - color: #ffffff; } - -.search-entry-large, -.search-entry-large:focus { - border: none; - font: 18; - font-weight: 300; - background-image: none; - background: none; - box-shadow: none; - border-radius: 0; } - -.search-category-header { - font-weight: bold; - color: #A1A8AB; } - -/********* - * Panel * - ********/ -.panel { - background-color: transparent; - transition: all 100ms ease-in-out; } - .panel .maximized { - background-color: #000; } - .panel .translucent { - background-color: rgba(0, 0, 0, 0.5); } - .panel .color-light .composited-indicator > revealer label, - .panel .color-light .composited-indicator > revealer image, - .panel .color-light .composited-indicator > GtkRevealer { - color: rgba(0, 0, 0, 0.35); - text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); - icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > GtkRevealer { - color: #636E73; - font-weight: bold; - text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); - icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } - -/************* - * AppCenter * - *************/ -AppCenterMainWindow .titlebar, -AppCenterMainWindow .header-bar { - background-color: #378BE6; } - AppCenterMainWindow .titlebar:backdrop, - AppCenterMainWindow .header-bar:backdrop { - background-color: #1a71d0; } - -/************** - * Calculator * - **************/ -PantheonCalculatorMainWindow { - border-radius: 0 0 4px 4px; } - PantheonCalculatorMainWindow .titlebar, - PantheonCalculatorMainWindow .header-bar { - background-color: #07ce8e; } - PantheonCalculatorMainWindow .titlebar:backdrop, - PantheonCalculatorMainWindow .header-bar:backdrop { - background-color: #059d6c; } - PantheonCalculatorMainWindow .window-frame { - border-radius: 3px; } - -/******** - * Maya * - ********/ -MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { - background-color: #8CD33F; } - MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { - background-color: #72b52a; } - -/********* - * Cards * - *********/ -.deck { - background-color: #3c4346; } - -.card { - background-color: #636E73; - border: none; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); - transition: all 150ms ease-in-out; } - -.card.collapsed { - background-color: #576165; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } - -/********* - * Noise * - *********/ -NoiseLibraryWindow { - border-radius: 0 0 4px 4px; } - NoiseLibraryWindow .titlebar, - NoiseLibraryWindow .header-bar { - background-color: #EE6020; } - NoiseLibraryWindow .titlebar:backdrop, - NoiseLibraryWindow .header-bar:backdrop { - background-color: #cb4a10; } - NoiseLibraryWindow .action-bar { - border-radius: 0 0 4px 4px; } - NoiseLibraryWindow .window-frame { - border-radius: 3px; } - -/*********** - * Scratch * - ***********/ -ScratchMainWindow .titlebar, -ScratchMainWindow .header-bar { - background-color: #e74c3c; } - ScratchMainWindow .titlebar:backdrop, - ScratchMainWindow .header-bar:backdrop { - background-color: #d62c1a; } - -/******** - * Snap * - ********/ -SnapMainWindow .titlebar, -SnapMainWindow .header-bar, -SnapSnapWindow .titlebar, -SnapSnapWindow .header-bar { - background-color: #6d266a; } - SnapMainWindow .titlebar:backdrop, - SnapMainWindow .header-bar:backdrop, - SnapSnapWindow .titlebar:backdrop, - SnapSnapWindow .header-bar:backdrop { - background-color: #471945; } -SnapMainWindow .take-button, -SnapSnapWindow .take-button { - border-radius: 0; } - -/******************* - * Photos/Shotwell * - *******************/ -DirectWindow .titlebar, -DirectWindow .header-bar, -LibraryWindow .titlebar, -LibraryWindow .header-bar { - background-color: #5544B5; } - DirectWindow .titlebar:backdrop, - DirectWindow .header-bar:backdrop, - LibraryWindow .titlebar:backdrop, - LibraryWindow .header-bar:backdrop { - background-color: #443690; } -DirectWindow .the-button-in-the-combobox, -LibraryWindow .the-button-in-the-combobox { - background: none; } - -.checkerboard-layout { - background-color: #4F585C; - background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); - background-size: 24px 24px; - background-position: 0 0, 12px 12px; } - -.checkboard-layout .item { - background-color: #A1A8AB; } - -/******** -* Unity * -*********/ -/* Unity window border color */ -/* Backdrop Unity window border color */ -/* Unity window text color */ -/* Backdrop Unity window text color */ -/* Unity panel color #454D50 */ -/* Backdrop Unity panel color */ -UnityDecoration { - /* Border properties (top, right, bottom, left) */ - -UnityDecoration-extents: 28px 1px 1px 1px; - /* the size of the decorations */ - -UnityDecoration-input-extents: 10px; - /* the extra size of the input areas */ - /* Shadows settings */ - -UnityDecoration-shadow-offset-x: 1px; - /* Size property, the shadow x offset */ - -UnityDecoration-shadow-offset-y: 1px; - /* Size property, the shadow y offset */ - -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; - /* Color property, active window shadow color */ - -UnityDecoration-active-shadow-radius: 8px; - /* Size property, active window shadow radius */ - -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; - /* Color property, inactive windows shadow color */ - -UnityDecoration-inactive-shadow-radius: 5px; - /* Size property, inactive windows shadow radius */ - /* Glow applied to the selected scaled window */ - -UnityDecoration-glow-size: 8px; - /* Size property, size of glow */ - -UnityDecoration-glow-color: #667f8c; - /* Color property of the glow */ - /* Title settings */ - -UnityDecoration-title-indent: 10px; - /* Size property, left indent of the title */ - -UnityDecoration-title-fade: 35px; - /* Size property, space of the title that can be faded */ - -UnityDecoration-title-alignment: 0.0; - /* Float from 0.0 to 1.0, to align the title */ - background-color: #636E73; - color: #dbdee0; } - UnityDecoration .top { - padding: 0 5px 0 5px; - border-radius: 4px 4px 0px 0px; - box-shadow: none; - border: 1px solid #636E73; - border-bottom-width: 0; - background-color: #636E73; - color: #dbdee0; - border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top:backdrop { - border-bottom-width: 0; - background-color: #4b5458; - color: #c0c5c8; - border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top .menuitem { - color: #dbdee0; } - UnityDecoration .top .menuitem:backdrop { - background-color: #4b5458; - color: #c0c5c8; } - -UnityDecoration.left, -UnityDecoration.right { - background-repeat: repeat-x; - background-color: #626c71; - background-size: 1px 120px; - background-clip: border-box; - background-image: linear-gradient(to bottom, #636E73, #626c71); - background-image: -gtk-gradient linear, left top, left bottom, color-stop 0, #636E73, color-stop 0.5, #636E73, color-stop 1, #626c71; } - -UnityDecoration.bottom { - background-size: 1px; - background-repeat: repeat-x; - background-color: #626c71; } - -UnityDecoration.left:backdrop, -UnityDecoration.right:backdrop, -UnityDecoration.bottom:backdrop { - background-size: 1px; - background-repeat: repeat-x; - background-color: #4b5458; } - -/************** -* Unity Panel * -***************/ -UnityPanelWidget, -.unity-panel { - background-color: #343a3c; - color: #dbdee0; } - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - background-color: #1c1f21; - color: #c0c5c8; } - -.unity-panel.menuitem, -.unity-panel .menuitem { - border-width: 0 1px; - color: #dbdee0; } - -.unity-panel.menubar, -.unity-panel .menubar { - color: #dbdee0; } - -.unity-panel.menu.menubar, -.unity-panel .menu .menubar { - background-color: #343a3c; - color: #dbdee0; } - -.unity-panel.menubar:backdrop, -.unity-panel .menubar *:backdrop { - color: #788084; } - -.unity-panel.menubar.menuitem, -.unity-panel.menubar .menuitem { - padding: 3px 5px; - border-width: 1px; - border-style: solid; - border: none; - background: none; - color: #dbdee0; - box-shadow: none; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem:hover { - border-radius: 0; - background-color: #616b70; - color: #dbdee0; - box-shadow: none; } - -.unity-panel.menubar .menuitem *:hover { - color: white; - box-shadow: none; } - -.unity-panel.menubar .menuitem.separator, -.unity-panel.menubar.menuitem.separator { - -GtkMenuItem-horizontal-padding: 0; - -GtkWidget-separator-height: 1; - border: none; - color: #33393b; } - -/* Force Quit */ -SheetStyleDialog.unity-force-quit { - background-color: #636E73; } - -@keyframes playbackmenuitem_spinner { - to { - -gtk-icon-transform: rotate(1turn); } } -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: playbackmenuitem_spinner 1s infinite linear; - color: #667f8c; } - -/*********************** - * App-Specific Styles * - ***********************/ -/******************* - * Archive Manager * - *******************/ -FrWindow .titlebar, -FrWindow .header-bar, -FrWindow .toolbar { - background-color: #A88A67; } - FrWindow .titlebar:backdrop, - FrWindow .header-bar:backdrop, - FrWindow .toolbar:backdrop { - background-color: #8c7050; } - -/********* - * Birdie * - *********/ -BirdieWidgetsUnifiedWindow .titlebar, -BirdieWidgetsUnifiedWindow .header-bar { - background-image: none; - background-color: #3998E7; } - BirdieWidgetsUnifiedWindow .titlebar:backdrop, - BirdieWidgetsUnifiedWindow .header-bar:backdrop { - background-image: none; - background-color: #1a7fd3; } -BirdieWidgetsUnifiedWindow .menu-button { - padding: 0px; - padding-left: 6px; - padding-right: 6px; } - -BirdieWidgetsTweetList * { - background-image: none; - background: none; } - -BirdieWidgetsUserbox { - background-color: rgba(57, 152, 231, 0.2); } - -BirdieWidgetsNotebook .header { - background-color: #636E73; } -BirdieWidgetsNotebook tab:active { - box-shadow: inset 0 -3px 0 0 #3998E7; } - -/********* - * Geary * - *********/ -.geary-titlebar-left, -.geary-titlebar-right { - background-color: #F2B035; } - .geary-titlebar-left:backdrop, - .geary-titlebar-right:backdrop { - background-color: #e59a0f; } - .geary-titlebar-left .separator, - .geary-titlebar-right .separator { - opacity: 0; } - -ConversationListView { - -GtkWidget-focus-line-width: 1px; - -GtkTreeView-grid-line-width: 0; } - ConversationListView .view:active, ConversationListView GtkIconView:active, - ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected, - ConversationListView iconview:selected { - background-color: #667f8c; - color: #ffffff; } - ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, - ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop, - ConversationListView iconview:selected:backdrop { - background-color: #738c99; - color: rgba(255, 255, 255, 0.5); } - ConversationListView .view .cell, ConversationListView GtkIconView .cell, - ConversationListView iconview .cell { - border: solid rgba(0, 0, 0, 0.2); - border-width: 0 0 1px 0; } - ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected, - ConversationListView iconview .cell:selected { - color: #ffffff; - border: 0px solid #51646e; } - -/*********** - * LightDm * - ***********/ -#panel_window { - background-color: #23282a; - color: rgba(255, 255, 255, 0.8); - font: bold; - box-shadow: inset 0 -1px #131516; } - #panel_window .menubar, - #panel_window .menubar > .menuitem - menubar, - #panel_window menubar > menuitem { - background-color: transparent; - color: rgba(255, 255, 255, 0.8); - font: bold; } - #panel_window .menubar .menuitem:insensitive, - #panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.3); } - #panel_window .menubar .menuitem:insensitive GtkLabel, - #panel_window menubar menuitem:disabled GtkLabel { - color: inherit; } - #panel_window .menubar .menuitem:insensitive label, - #panel_window menubar menuitem:disabled label { - color: inherit; } - #panel_window .menubar .menu > .menuitem, - #panel_window menubar menu > menuitem { - font: normal; } - -#login_window, -#shutdown_dialog, -#restart_dialog { - font: normal; - border-style: none; - background-color: transparent; - color: #A1A8AB; } - -#content_frame { - padding-bottom: 14px; - background-color: #4F585C; - 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: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #4F585C, #434b4e); - text-shadow: 0 1px rgba(0, 0, 0, 0.73176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - #content_frame button:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); - text-shadow: 0 1px rgba(0, 0, 0, 0.68376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } - #content_frame button:active, #content_frame button:checked { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #3f4649, #4a5357); - text-shadow: 0 1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - #content_frame button:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - #content_frame button:disabled GtkLabel, #content_frame button:disabled { - color: #788084; } - #content_frame button:disabled label, #content_frame button:disabled { - color: #788084; } - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #3B4245; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; } - -#buttonbox_frame button { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -#login_window #user_combobox { - color: #A1A8AB; - font: 13px; } - #login_window #user_combobox .menu, - #login_window #user_combobox menu { - font: normal; } - -#user_image { - padding: 3px; - border-radius: 2px; } - -#greeter_infobar { - border-bottom-width: 0; - font: bold; } - -/********** - * Midori * - **********/ -MidoriBrowser .titlebar, -MidoriBrowser .header-bar, -MidoriBrowser .toolbar { - background-color: #7FC843; } - MidoriBrowser .titlebar:backdrop, - MidoriBrowser .header-bar:backdrop, - MidoriBrowser .toolbar:backdrop { - background-color: #66a731; } - -/********* - * Vocal * - *********/ -.titlebar.vocal-headerbar, -.header-bar.vocal-headerbar { - background-color: #9C69C6; } - .titlebar.vocal-headerbar:backdrop, - .header-bar.vocal-headerbar:backdrop { - background-color: #8345b7; } +/* Import Assets CSS */ +@import url("gtk-widgets-assets-dark.css"); \ No newline at end of file diff --git a/Paper/gtk-3.0/gtk-widgets-assets-dark.css b/Paper/gtk-3.0/gtk-widgets-assets-dark.css new file mode 100644 index 0000000..995f2cb --- /dev/null +++ b/Paper/gtk-3.0/gtk-widgets-assets-dark.css @@ -0,0 +1,1162 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*************** + * Check Boxes * + ***************/ + + /* Unchecked */ +.check, +.check row:selected, +.check row:selected:focus { + background: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"),url("assets/checkbox-unchecked-dark@2.png")); +} + + /* Unchecked Hover */ +.check:hover, +.check row:selected:hover, +.check row:selected:focus:hover { + background: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"),url("assets/checkbox-unchecked-hover-dark@2.png")); +} + +/* Unchecked Insensitive */ +.check:insensitive, +.check row:selected:insensitive, +.check row:selected:focus:insensitive { + background: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"),url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +/* Unchecked Insensitive Unfocused */ +.check:insensitive:backdrop, +.check row:selected:insensitive:backdrop, +.check row:selected:focus:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"),url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +/* Unchecked Unfocused */ +.check:backdrop, +.check row:selected:backdrop, +.check row:selected:focus:backdrop { + background: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"),url("assets/checkbox-unchecked-backdrop-dark@2.png")); +} + +/* Checked */ +.check:active, +.check row:selected:active, +.check row:selected:focus:active { + background: -gtk-scaled(url("assets/checkbox-checked-dark.png"),url("assets/checkbox-checked-dark@2.png")); +} + + /* Checked Hover */ +.check:active:hover, +.check row:selected:active:hover, +.check row:selected:focus:active:hover { + background: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"),url("assets/checkbox-checked-hover-dark@2.png")); +} + +/* Checked Insensitive */ +.check:active:insensitive, +.check row:selected:active:insensitive, +.check row:selected:focus:active:insensitive { + background: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"),url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +/* Checked Insensitive Unfocused */ +.check:active:insensitive:backdrop, +.check row:selected:active:insensitive:backdrop, +.check row:selected:focus:active:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"),url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +/* Checked Unfocused */ +.check:active:backdrop, +.check row:selected:active:backdrop, +.check row:selected:focus:active:backdrop { + background: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"),url("assets/checkbox-checked-backdrop-dark@2.png")); +} + +/* Mixed*/ +.check:inconsistent, +.check row:selected:inconsistent, +.check row:selected:focus:inconsistent { + background: -gtk-scaled(url("assets/checkbox-mixed-dark.png"),url("assets/checkbox-mixed-dark@2.png")); +} + +/* Mixed Hover */ +.check:inconsistent:hover, +.check row:selected:inconsistent:hover, +.check row:selected:focus:inconsistent:hover { + background: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"),url("assets/checkbox-mixed-hover-dark@2.png")); +} + +/* Mixed Insensitive Unfocused */ +.check:inconsistent:insensitive:backdrop, +.check row:selected:inconsistent:insensitive:backdrop, +.check row:selected:focus:inconsistent:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"),url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +/* Mixed Insensitive */ +.check:inconsistent:insensitive, +.check row:selected:inconsistent:insensitive, +.check row:selected:focus:inconsistent:insensitive { + background: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"),url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +/* Mixed Unfocused */ +.check:inconsistent:backdrop, +.check row:selected:inconsistent:backdrop, +.check row:selected:focus:inconsistent:backdrop { + background: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"),url("assets/checkbox-mixed-backdrop-dark@2.png")); +} + +/***************** + * Radio Buttons * + *****************/ + + /* Unchecked Insensitive */ +.radio, +.radio row:selected, +.radio row:selected:focus { + background: -gtk-scaled(url("assets/radio-unchecked-dark.png"),url("assets/radio-unchecked-dark@2.png")); +} + +/* Unchecked Hover */ +.radio:hover, +.radio row:selected:hover, +.radio row:selected:focus:hover { + background: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"),url("assets/radio-unchecked-hover-dark@2.png")); +} + +/* Unchecked Insensitive */ +.radio:insensitive, +.radio row:selected:insensitive, +.radio row:selected:focus:insensitive { + background: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"),url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +/* Unchecked Unfocused */ +.radio:backdrop, +.radio row:selected:backdrop, +.radio row:selected:focus:backdrop { + background: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"),url("assets/radio-unchecked-backdrop-dark@2.png")); +} + +/* Checked */ +.radio:active, +.radio row:selected:active, +.radio row:selected:focus:active { + background: -gtk-scaled(url("assets/radio-checked-dark.png"),url("assets/radio-checked-dark@2.png")); +} + +/* Checked Hover */ +.radio:active:hover, +.radio row:selected:active:hover, +.radio row:selected:focus:active:hover { + background: -gtk-scaled(url("assets/radio-checked-hover-dark.png"),url("assets/radio-checked-hover-dark@2.png")); +} + +/* Checked Insensitive */ +.radio:active:insensitive, +.radio row:selected:active:insensitive, +.radio row:selected:focus:active:insensitive { + background: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"),url("assets/radio-checked-insensitive-dark@2.png")); +} + +/* Checked Unfocused */ +.radio:active:backdrop, +.radio row:selected:active:backdrop, +.radio row:selected:focus:active:backdrop { + background: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"),url("assets/radio-checked-backdrop-dark@2.png")); +} + +/* Mixed*/ +.radio:inconsistent, +.radio row:selected:inconsistent, +.radio row:selected:focus:inconsistent { + background: -gtk-scaled(url("assets/radio-mixed-dark.png"),url("assets/radio-mixed-dark@2.png")); +} + +/* Mixed Hover */ +.radio:inconsistent:hover, +.radio row:selected:inconsistent:hover, +.radio row:selected:focus:inconsistent:hover { + background: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"),url("assets/radio-mixed-hover-dark@2.png")); +} + +/* Mixed Insensitive Unfocused */ +.radio:inconsistent:insensitive:backdrop, +.radio row:selected:inconsistent:insensitive:backdrop, +.radio row:selected:focus:inconsistent:insensitive:backdrop { + background: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"),url("assets/radio-mixed-insensitive-dark@2.png")); +} + +/* Mixed Insensitive */ +.radio:inconsistent:insensitive, +.radio row:selected:inconsistent:insensitive, +.radio row:selected:focus:inconsistent:insensitive { + background: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"),url("assets/radio-mixed-insensitive-dark@2.png")); +} + +/* Mixed Unfocused */ +.radio:inconsistent:backdrop, +.radio row:selected:inconsistent:backdrop, +.radio row:selected:focus:inconsistent:backdrop { + background: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"),url("assets/radio-mixed-backdrop-dark@2.png")); +} + +/************** + * Menu items * + **************/ + +.menuitem.check:active { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-dark.png"),url("assets/menuitem-checkbox-checked-dark@2.png")); +} + +.menuitem.check:active:hover { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-hover-dark.png"),url("assets/menuitem-checkbox-checked-hover-dark@2.png")); +} + +.menuitem.check:active:insensitive { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-insensitive-dark.png"),url("assets/menuitem-checkbox-checked-insensitive-dark@2.png")); +} + +.menuitem.check:inconsistent:hover, +.menuitem.radio:inconsistent:hover { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-hover-dark.png"),url("assets/menuitem-checkbox-mixed-hover-dark@2.png")); +} + +.menuitem.check:inconsistent, +.menuitem.radio:inconsistent { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-dark.png"),url("assets/menuitem-checkbox-mixed-dark@2.png")); +} + +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-insensitive-dark.png"),url("assets/menuitem-checkbox-mixed-insensitive-dark@2.png")); +} + +.menuitem.radio:active { + background: -gtk-scaled(url("assets/menuitem-radio-checked-dark.png"),url("assets/menuitem-radio-checked-dark@2.png")); +} + +.menuitem.radio:active:hover { + background: -gtk-scaled(url("assets/menuitem-radio-checked-hover-dark.png"),url("assets/menuitem-radio-checked-hover-dark@2.png")); +} + +.menuitem.radio:active:insensitive { + background: -gtk-scaled(url("assets/menuitem-radio-checked-insensitive-dark.png"),url("assets/menuitem-radio-checked-insensitive-dark@2.png")); +} + +/*************** + * Resize grip * + ***************/ + +.grip { + background-color: transparent; + background: url("assets/scalable/resize-grip.svg"); +} + + +/************* + * GtkSwitch * + *************/ + +GtkSwitch.trough { + background: -gtk-scaled(url("assets/scalable/switch-off.svg"),url("assets/scalable/switch-off@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.trough:active { + background: -gtk-scaled(url("assets/scalable/switch-on-dark.svg"),url("assets/scalable/switch-on@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.trough:insensitive { + background: -gtk-scaled(url("assets/scalable/switch-off-disabled.svg"),url("assets/scalable/switch-off-disabled@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.trough:active:insensitive { + background: -gtk-scaled(url("assets/scalable/switch-on-disabled.svg"),url("assets/scalable/switch-on-disabled@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.slider { + background: -gtk-scaled(url("assets/scalable/switch-slider-dark.svg"),url("assets/scalable/switch-slider-dark@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.slider:focus { + background: -gtk-scaled(url("assets/scalable/switch-slider.svg"),url("assets/scalable/switch-slider@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.slider:insensitive { + background: -gtk-scaled(url("assets/scalable/switch-slider-insensitive-dark.svg"),url("assets/scalable/switch-slider-insensitive-dark@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +/********************* + * GtkScale's slider * + *********************/ +.scale.slider, +.scale.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-horz-dark.png"),url("assets/scale-slider-horz-dark@2.png")); +} + +.scale.slider:hover, +.scale.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-hover-dark.png"),url("assets/scale-slider-horz-hover-dark@2.png")); +} + +.scale.slider:active, +.scale.slider:active:hover, +.scale.slider.horizontal:active, +.scale.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-active-dark.png"),url("assets/scale-slider-horz-active-dark@2.png")); +} + +.scale.slider:backdrop, +.scale.slider:backdrop:hover, +.scale.slider.horizontal:backdrop, +.scale.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-backdrop-dark.png"),url("assets/scale-slider-horz-backdrop-dark@2.png")); +} + +.scale.slider:insensitive, +.scale.slider:insensitive:hover, +.scale.slider.horizontal:insensitive, +.scale.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-insensitive-dark.png"),url("assets/scale-slider-horz-insensitive-dark@2.png")); +} + +.scale.slider:insensitive:backdrop, +.scale.slider:insensitive:backdrop:hover, +.scale.slider.horizontal:insensitive:backdrop, +.scale.slider.horizontal:insensitive:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-backdrop-insensitive-dark.png"),url("assets/scale-slider-horz-backdrop-insensitive-dark@2.png")); +} + + +.scale.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-vert-dark.png"),url("assets/scale-slider-vert-dark@2.png")); +} + +.scale.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-hover-dark.png"),url("assets/scale-slider-vert-hover-dark@2.png")); +} + +.scale.slider.vertical:active, +.scale.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-active-dark.png"),url("assets/scale-slider-vert-active-dark@2.png")); +} + +.scale.slider.vertical:backdrop, +.scale.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-backdrop-dark.png"),url("assets/scale-slider-vert-backdrop-dark@2.png")); +} + +.scale.slider.vertical:insensitive, +.scale.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-insensitive-dark.png"),url("assets/scale-slider-vert-insensitive-dark@2.png")); +} + +.scale.slider.vertical:insensitive:backdrop, +.scale.slider.vertical:insensitive:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-backdrop-insensitive-dark.png"),url("assets/scale-slider-vert-backdrop-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-up-dark.png"),url("assets/scale-slider-up-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-up-hover-dark.png"),url("assets/scale-slider-up-hover-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:active, +.scale.scale-has-marks-above.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-up-active-dark.png"),url("assets/scale-slider-up-active-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:insensitive, +.scale.scale-has-marks-above.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-up-insensitive-dark.png"),url("assets/scale-slider-up-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:backdrop, +.scale.scale-has-marks-above.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop-dark.png"),url("assets/scale-slider-up-backdrop-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive, +.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop-insensitive-dark.png"),url("assets/scale-slider-up-backdrop-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-left-dark.png"),url("assets/scale-slider-left-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-left-hover-dark.png"),url("assets/scale-slider-left-hover-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:active, +.scale.scale-has-marks-above.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-left-active-dark.png"),url("assets/scale-slider-left-active-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:insensitive, +.scale.scale-has-marks-above.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-left-insensitive-dark.png"),url("assets/scale-slider-left-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:backdrop, +.scale.scale-has-marks-above.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-left-backdrop-dark.png"),url("assets/scale-slider-left-backdrop-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive, +.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-left-backdrop-insensitive-dark.png"),url("assets/scale-slider-left-backdrop-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-down-dark.png"),url("assets/scale-slider-down-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-down-hover-dark.png"),url("assets/scale-slider-down-hover-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:active, +.scale.scale-has-marks-below.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-down-active-dark.png"),url("assets/scale-slider-down-active-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:insensitive, +.scale.scale-has-marks-below.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-down-insensitive-dark.png"),url("assets/scale-slider-down-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:backdrop, +.scale.scale-has-marks-below.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop-dark.png"),url("assets/scale-slider-down-backdrop-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive, +.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop-insensitive-dark.png"),url("assets/scale-slider-down-backdrop-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-right-dark.png"),url("assets/scale-slider-right-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-right-hover-dark.png"),url("assets/scale-slider-right-hover-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:active, +.scale.scale-has-marks-below.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-right-active-dark.png"),url("assets/scale-slider-right-active-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:insensitive, +.scale.scale-has-marks-below.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-right-insensitive-dark.png"),url("assets/scale-slider-right-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:backdrop, +.scale.scale-has-marks-below.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-right-backdrop-dark.png"),url("assets/scale-slider-right-backdrop-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive, +.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-right-backdrop-insensitive-dark.png"),url("assets/scale-slider-right-backdrop-insensitive-dark@2.png")); +} + +/******************************** + * Touch text selection handles * + ********************************/ +.cursor-handle.bottom { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop-dark.png"),url("assets/scale-slider-up-backdrop-dark@2.png")); +} + +.cursor-handle.top { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop-dark.png"),url("assets/scale-slider-down-backdrop-dark@2.png")); +} + +/*********** + * Spinner * + ***********/ + +@keyframes spinner-dark { + 0% { background-image: url("assets/scalable/spinner-01-dark.svg"); } + 5% { background-image: url("assets/scalable/spinner-02-dark.svg"); } + 10% { background-image: url("assets/scalable/spinner-03-dark.svg"); } + 15% { background-image: url("assets/scalable/spinner-04-dark.svg"); } + 20% { background-image: url("assets/scalable/spinner-05-dark.svg"); } + 25% { background-image: url("assets/scalable/spinner-06-dark.svg"); } + 30% { background-image: url("assets/scalable/spinner-07-dark.svg"); } + 35% { background-image: url("assets/scalable/spinner-08-dark.svg"); } + 40% { background-image: url("assets/scalable/spinner-09-dark.svg"); } + 45% { background-image: url("assets/scalable/spinner-10-dark.svg"); } + 50% { background-image: url("assets/scalable/spinner-11-dark.svg"); } + 55% { background-image: url("assets/scalable/spinner-12-dark.svg"); } + 65% { background-image: url("assets/scalable/spinner-13-dark.svg"); } + 70% { background-image: url("assets/scalable/spinner-14-dark.svg"); } + 75% { background-image: url("assets/scalable/spinner-15-dark.svg"); } + 80% { background-image: url("assets/scalable/spinner-16-dark.svg"); } + 85% { background-image: url("assets/scalable/spinner-17-dark.svg"); } + 90% { background-image: url("assets/scalable/spinner-18-dark.svg"); } + 95% { background-image: url("assets/scalable/spinner-19-dark.svg"); } + 100% { background-image: url("assets/scalable/spinner-20-dark.svg"); } +} +.spinner { + background-color: transparent; + background-image: url("assets/scalable/spinner-01-dark.svg"); + background-repeat: no-repeat; + background-position: center; +} + +.spinner:active { + background-image: url("assets/scalable/spinner-01-dark.svg"); + animation: spinner-dark 600ms infinite linear; +} +/***************** + * Seletion Mode * + *****************/ + +/* View Content Check */ +.view.content-view.check { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked.png"), url("assets/selection-mode-checkbox-unchecked@2.png")); + background: none; +} + +.view.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-hover.png"), url("assets/selection-mode-checkbox-unchecked-hover@2.png")); + background: none; +} + +.view.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-active.png"), url("assets/selection-mode-checkbox-unchecked-active@2.png")); + background: none; +} + +.view.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop.png"), url("assets/selection-mode-checkbox-unchecked-backdrop@2.png")); + background: none; +} + +.view.content-view.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked.png"), url("assets/selection-mode-checkbox-checked@2.png")); + background: none; +} + +.view.content-view.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-hover.png"), url("assets/selection-mode-checkbox-checked-hover@2.png")); + background: none; +} + +.view.content-view.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-active.png"), url("assets/selection-mode-checkbox-checked-active@2.png")); + background: none; +} + +.view.content-view.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop.png"), url("assets/selection-mode-checkbox-checked-backdrop@2.png")); + background: none; +} + + +/************************* + * Check and Radio items * + *************************/ + +.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.check.button.flat, +.header-bar .check.titlebutton.button, +.titlebar .check.titlebutton.button { +} + +.view.check:selected, +GtkCalendar.check:selected, +.list-row:selected .check { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-dark.png"), url("assets/selected-checkbox-unchecked-dark@2.png")); +} + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); +} + +.check:hover.button.flat, +.header-bar .check.titlebutton.button:hover, +.titlebar .check.titlebutton.button:hover { +} + +.view.check:hover:selected, +GtkCalendar.check:hover:selected, +.list-row:selected .check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover-dark.png"), url("assets/selected-checkbox-unchecked-hover-dark@2.png")); +} + +.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); +} + +.check:active.button.flat, +.header-bar .check.titlebutton.button:active, +.titlebar .check.titlebutton.button:active { +} + +.view.check:active:selected, +GtkCalendar.check:active:selected, +.list-row:selected .check:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active-dark.png"), url("assets/selected-checkbox-unchecked-active-dark@2.png")); +} + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.check:insensitive.button.flat, +.header-bar .check.titlebutton.button:insensitive, +.titlebar .check.titlebutton.button:insensitive { +} + +.view.check:insensitive:selected, +GtkCalendar.check:insensitive:selected, +.list-row:selected .check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-insensitive-dark@2.png")); +} + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png")); +} + +.check:backdrop.button.flat, +.header-bar .check.titlebutton.button:backdrop, +.titlebar .check.titlebutton.button:backdrop { +} + +.view.check:backdrop:selected, +GtkCalendar.check:backdrop:selected, +.list-row:selected .check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-dark@2.png")); +} + +.check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png")); +} + +.check:backdrop:insensitive.button.flat, +.header-bar .check.titlebutton.button:backdrop:insensitive, +.titlebar .check.titlebutton.button:backdrop:insensitive { +} + +.view.check:backdrop:insensitive:selected, +GtkCalendar.check:backdrop:insensitive:selected, +.list-row:selected .check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark@2.png")); +} + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.check:inconsistent.button.flat, +.header-bar .check.titlebutton.button:inconsistent, +.titlebar .check.titlebutton.button:inconsistent { +} + +.view.check:inconsistent:selected, +GtkCalendar.check:inconsistent:selected, +.list-row:selected .check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-dark.png"), url("assets/selected-checkbox-mixed-dark@2.png")); +} + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png")); +} + +.check:inconsistent:hover.button.flat, +.header-bar .check.titlebutton.button:inconsistent:hover, +.titlebar .check.titlebutton.button:inconsistent:hover { +} + +.view.check:inconsistent:hover:selected, +GtkCalendar.check:inconsistent:hover:selected, +.list-row:selected .check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover-dark.png"), url("assets/selected-checkbox-mixed-hover-dark@2.png")); +} + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); +} + +.check:inconsistent:selected.button.flat, +.header-bar .check.titlebutton.button:inconsistent:selected, +.titlebar .check.titlebutton.button:inconsistent:selected { +} + +.view.check:inconsistent:selected:selected, +GtkCalendar.check:inconsistent:selected, +.list-row:selected .check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active-dark.png"), url("assets/selected-checkbox-mixed-active-dark@2.png")); +} + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png")); +} + +.check:inconsistent:backdrop.button.flat, +.header-bar .check.titlebutton.button:inconsistent:backdrop, +.titlebar .check.titlebutton.button:inconsistent:backdrop { +} + +.view.check:inconsistent:backdrop:selected, +GtkCalendar.check:inconsistent:backdrop:selected, +.list-row:selected .check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-dark.png"), url("assets/selected-checkbox-mixed-backdrop-dark@2.png")); +} + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.check:inconsistent:insensitive.button.flat, +.header-bar .check.titlebutton.button:inconsistent:insensitive, +.titlebar .check.titlebutton.button:inconsistent:insensitive { +} + +.view.check:inconsistent:insensitive:selected, +GtkCalendar.check:inconsistent:insensitive:selected, +.list-row:selected .check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-dark.png"), url("assets/selected-checkbox-mixed-insensitive-dark@2.png")); +} + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@2.png")); +} + +.check:inconsistent:insensitive:backdrop.button.flat, +.header-bar .check.titlebutton.button:inconsistent:insensitive:backdrop, +.titlebar .check.titlebutton.button:inconsistent:insensitive:backdrop { +} + +.view.check:inconsistent:insensitive:backdrop:selected, +GtkCalendar.check:inconsistent:insensitive:backdrop:selected, +.list-row:selected .check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive-dark@2.png")); +} + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.check:checked.button.flat, +.header-bar .check.titlebutton.button:checked, +.titlebar .check.titlebutton.button:checked { +} + +.view.check:checked:selected, +GtkCalendar.check:checked:selected, +.list-row:selected .check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-dark.png"), url("assets/selected-checkbox-checked-dark@2.png")); +} + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.check:checked:insensitive.button.flat, +.header-bar .check.titlebutton.button:checked:insensitive, +.titlebar .check.titlebutton.button:checked:insensitive { +} + +.view.check:checked:insensitive:selected, +GtkCalendar.check:checked:insensitive:selected, +.list-row:selected .check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-dark.png"), url("assets/selected-checkbox-checked-insensitive-dark@2.png")); +} + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); +} + +.check:checked:hover.button.flat, +.header-bar .check.titlebutton.button:checked:hover, +.titlebar .check.titlebutton.button:checked:hover { +} + +.view.check:checked:hover:selected, +GtkCalendar.check:checked:hover:selected, +.list-row:selected .check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover-dark.png"), url("assets/selected-checkbox-checked-hover-dark@2.png")); +} + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); +} + +.check:checked:active.button.flat, +.header-bar .check.titlebutton.button:checked:active, +.titlebar .check.titlebutton.button:checked:active { +} + +.view.check:checked:active:selected, +GtkCalendar.check:checked:active:selected, +.list-row:selected .check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active-dark.png"), url("assets/selected-checkbox-checked-active-dark@2.png")); +} + +.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png")); +} + +.check:backdrop:checked.button.flat, +.header-bar .check.titlebutton.button:backdrop:checked, +.titlebar .check.titlebutton.button:backdrop:checked { +} + +.view.check:backdrop:checked:selected, +GtkCalendar.check:backdrop:checked:selected, +.list-row:selected .check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-dark.png"), url("assets/selected-checkbox-checked-backdrop-dark@2.png")); +} + +.check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@2.png")); +} + +.check:backdrop:checked:insensitive.button.flat, +.header-bar .check.titlebutton.button:backdrop:checked:insensitive, +.titlebar .check.titlebutton.button:backdrop:checked:insensitive { +} + +.view.check:backdrop:checked:insensitive:selected, +GtkCalendar.check:backdrop:checked:insensitive:selected, +.list-row:selected .check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive-dark.png"), url("assets/selected-checkbox-checked-backdrop-insensitive-dark@2.png")); +} + +.menu .menuitem.check { + -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); +} + +.menu .menuitem.check:active, +.menu .menuitem.check:checked { + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); +} + +.menu .menuitem.check:inconsistent { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); +} + +.menu .menuitem.check:hover { + color: #ffffff; +} + +.menu .menuitem.check:insensitive { + color: #bdbebf; +} + +.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.radio.button.flat, +.header-bar .radio.titlebutton.button, +.titlebar .radio.titlebutton.button { +} + +.view.radio:selected, +GtkCalendar.radio:selected, +.list-row:selected .radio { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-dark.png"), url("assets/selected-radio-unchecked-dark@2.png")); +} + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); +} + +.radio:hover.button.flat, +.header-bar .radio.titlebutton.button:hover, +.titlebar .radio.titlebutton.button:hover { +} + +.view.radio:hover:selected, +GtkCalendar.radio:hover:selected, +.list-row:selected .radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover-dark.png"), url("assets/selected-radio-unchecked-hover-dark@2.png")); +} + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); +} + +.radio:active.button.flat, +.header-bar .radio.titlebutton.button:active, +.titlebar .radio.titlebutton.button:active { +} + +.view.radio:active:selected, +GtkCalendar.radio:active:selected, +.list-row:selected .radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active-dark.png"), url("assets/selected-radio-unchecked-active-dark@2.png")); +} + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.radio:insensitive.button.flat, +.header-bar .radio.titlebutton.button:insensitive, +.titlebar .radio.titlebutton.button:insensitive { +} + +.view.radio:insensitive:selected, +GtkCalendar.radio:insensitive:selected, +.list-row:selected .radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive-dark.png"), url("assets/selected-radio-unchecked-insensitive-dark@2.png")); +} + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png")); +} + +.radio:backdrop.button.flat, +.header-bar .radio.titlebutton.button:backdrop, +.titlebar .radio.titlebutton.button:backdrop { +} + +.view.radio:backdrop:selected, +GtkCalendar.radio:backdrop:selected, +.list-row:selected .radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-dark.png"), url("assets/selected-radio-unchecked-backdrop-dark@2.png")); +} + +.radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png")); +} + +.radio:backdrop:insensitive.button.flat, +.header-bar .radio.titlebutton.button:backdrop:insensitive, +.titlebar .radio.titlebutton.button:backdrop:insensitive { +} + +.view.radio:backdrop:insensitive:selected, +GtkCalendar.radio:backdrop:insensitive:selected, +.list-row:selected .radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-radio-unchecked-backdrop-insensitive-dark@2.png")); +} + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.radio:inconsistent.button.flat, +.header-bar .radio.titlebutton.button:inconsistent, +.titlebar .radio.titlebutton.button:inconsistent { +} + +.view.radio:inconsistent:selected, +GtkCalendar.radio:inconsistent:selected, +.list-row:selected .radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-dark.png"), url("assets/selected-radio-mixed-dark@2.png")); +} + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png")); +} + +.radio:inconsistent:hover.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:hover, +.titlebar .radio.titlebutton.button:inconsistent:hover { +} + +.view.radio:inconsistent:hover:selected, +GtkCalendar.radio:inconsistent:hover:selected, +.list-row:selected .radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover-dark.png"), url("assets/selected-radio-mixed-hover-dark@2.png")); +} + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); +} + +.radio:inconsistent:selected.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:selected, +.titlebar .radio.titlebutton.button:inconsistent:selected { +} + +.view.radio:inconsistent:selected:selected, +GtkCalendar.radio:inconsistent:selected, +.list-row:selected .radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active-dark.png"), url("assets/selected-radio-mixed-active-dark@2.png")); +} + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png")); +} + +.radio:inconsistent:backdrop.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:backdrop, +.titlebar .radio.titlebutton.button:inconsistent:backdrop { +} + +.view.radio:inconsistent:backdrop:selected, +GtkCalendar.radio:inconsistent:backdrop:selected, +.list-row:selected .radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-dark.png"), url("assets/selected-radio-mixed-backdrop-dark@2.png")); +} + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.radio:inconsistent:insensitive.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:insensitive, +.titlebar .radio.titlebutton.button:inconsistent:insensitive { +} + +.view.radio:inconsistent:insensitive:selected, +GtkCalendar.radio:inconsistent:insensitive:selected, +.list-row:selected .radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-dark.png"), url("assets/selected-radio-mixed-insensitive-dark@2.png")); +} + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@2.png")); +} + +.radio:inconsistent:insensitive:backdrop.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:insensitive:backdrop, +.titlebar .radio.titlebutton.button:inconsistent:insensitive:backdrop { +} + +.view.radio:inconsistent:insensitive:backdrop:selected, +GtkCalendar.radio:inconsistent:insensitive:backdrop:selected, +.list-row:selected .radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive-dark.png"), url("assets/selected-radio-mixed-backdrop-insensitive-dark@2.png")); +} + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.radio:checked.button.flat, +.header-bar .radio.titlebutton.button:checked, +.titlebar .radio.titlebutton.button:checked { +} + +.view.radio:checked:selected, +GtkCalendar.radio:checked:selected, +.list-row:selected .radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-dark.png"), url("assets/selected-radio-checked-dark@2.png")); +} + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.radio:checked:insensitive.button.flat, +.header-bar .radio.titlebutton.button:checked:insensitive, +.titlebar .radio.titlebutton.button:checked:insensitive { +} + +.view.radio:checked:insensitive:selected, +GtkCalendar.radio:checked:insensitive:selected, +.list-row:selected .radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-dark.png"), url("assets/selected-radio-checked-insensitive-dark@2.png")); +} + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); +} + +.radio:checked:hover.button.flat, +.header-bar .radio.titlebutton.button:checked:hover, +.titlebar .radio.titlebutton.button:checked:hover { +} + +.view.radio:checked:hover:selected, +GtkCalendar.radio:checked:hover:selected, +.list-row:selected .radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover-dark.png"), url("assets/selected-radio-checked-hover-dark@2.png")); +} + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); +} + +.radio:checked:active.button.flat, +.header-bar .radio.titlebutton.button:checked:active, +.titlebar .radio.titlebutton.button:checked:active { +} + +.view.radio:checked:active:selected, +GtkCalendar.radio:checked:active:selected, +.list-row:selected .radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active-dark.png"), url("assets/selected-radio-checked-active-dark@2.png")); +} + +.radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png")); +} + +.radio:backdrop:checked.button.flat, +.header-bar .radio.titlebutton.button:backdrop:checked, +.titlebar .radio.titlebutton.button:backdrop:checked { +} + +.view.radio:backdrop:checked:selected, +GtkCalendar.radio:backdrop:checked:selected, +.list-row:selected .radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-dark.png"), url("assets/selected-radio-checked-backdrop-dark@2.png")); +} + +.radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@2.png")); +} + +.radio:backdrop:checked:insensitive.button.flat, +.header-bar .radio.titlebutton.button:backdrop:checked:insensitive, +.titlebar .radio.titlebutton.button:backdrop:checked:insensitive { +} + +.view.radio:backdrop:checked:insensitive:selected, +GtkCalendar.radio:backdrop:checked:insensitive:selected, +.list-row:selected .radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive-dark.png"), url("assets/selected-radio-checked-backdrop-insensitive-dark@2.png")); +} diff --git a/Paper/gtk-3.0/gtk-widgets-assets.css b/Paper/gtk-3.0/gtk-widgets-assets.css new file mode 100644 index 0000000..ccc7e6d --- /dev/null +++ b/Paper/gtk-3.0/gtk-widgets-assets.css @@ -0,0 +1,1118 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*************** + * Check Boxes * + ***************/ + + /* Unchecked */ +.check, +.check row:selected, +.check row:selected:focus { + background: -gtk-scaled(url("assets/checkbox-unchecked.png"),url("assets/checkbox-unchecked@2.png")); +} + + /* Unchecked Hover */ +.check:hover, +.check row:selected:hover, +.check row:selected:focus:hover { + background: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"),url("assets/checkbox-unchecked-hover@2.png")); +} + +/* Unchecked Insensitive */ +.check:insensitive, +.check row:selected:insensitive, +.check row:selected:focus:insensitive { + background: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"),url("assets/checkbox-unchecked-insensitive@2.png")); +} + +/* Unchecked Insensitive Unfocused */ +.check:insensitive:backdrop, +.check row:selected:insensitive:backdrop, +.check row:selected:focus:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"),url("assets/checkbox-unchecked-insensitive@2.png")); +} + +/* Unchecked Unfocused */ +.check:backdrop, +.check row:selected:backdrop, +.check row:selected:focus:backdrop { + background: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"),url("assets/checkbox-unchecked-backdrop@2.png")); +} + +/* Checked */ +.check:active, +.check row:selected:active, +.check row:selected:focus:active { + background: -gtk-scaled(url("assets/checkbox-checked.png"),url("assets/checkbox-checked@2.png")); +} + + /* Checked Hover */ +.check:active:hover, +.check row:selected:active:hover, +.check row:selected:focus:active:hover { + background: -gtk-scaled(url("assets/checkbox-checked-hover.png"),url("assets/checkbox-checked-hover@2.png")); +} + +/* Checked Insensitive */ +.check:active:insensitive, +.check row:selected:active:insensitive, +.check row:selected:focus:active:insensitive { + background: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"),url("assets/checkbox-checked-insensitive@2.png")); +} + +/* Checked Insensitive Unfocused */ +.check:active:insensitive:backdrop, +.check row:selected:active:insensitive:backdrop, +.check row:selected:focus:active:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"),url("assets/checkbox-checked-insensitive@2.png")); +} + +/* Checked Unfocused */ +.check:active:backdrop, +.check row:selected:active:backdrop, +.check row:selected:focus:active:backdrop { + background: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"),url("assets/checkbox-checked-backdrop@2.png")); +} + +/* Mixed*/ +.check:inconsistent, +.check row:selected:inconsistent, +.check row:selected:focus:inconsistent { + background: -gtk-scaled(url("assets/checkbox-mixed.png"),url("assets/checkbox-mixed@2.png")); +} + +/* Mixed Hover */ +.check:inconsistent:hover, +.check row:selected:inconsistent:hover, +.check row:selected:focus:inconsistent:hover { + background: -gtk-scaled(url("assets/checkbox-mixed-hover.png"),url("assets/checkbox-mixed-hover@2.png")); +} + +/* Mixed Insensitive Unfocused */ +.check:inconsistent:insensitive:backdrop, +.check row:selected:inconsistent:insensitive:backdrop, +.check row:selected:focus:inconsistent:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"),url("assets/checkbox-mixed-insensitive@2.png")); +} + +/* Mixed Insensitive */ +.check:inconsistent:insensitive, +.check row:selected:inconsistent:insensitive, +.check row:selected:focus:inconsistent:insensitive { + background: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"),url("assets/checkbox-mixed-insensitive@2.png")); +} + +/* Mixed Unfocused */ +.check:inconsistent:backdrop, +.check row:selected:inconsistent:backdrop, +.check row:selected:focus:inconsistent:backdrop { + background: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"),url("assets/checkbox-mixed-backdrop@2.png")); +} + +/***************** + * Radio Buttons * + *****************/ + + /* Unchecked Insensitive */ +.radio, +.radio row:selected, +.radio row:selected:focus { + background: -gtk-scaled(url("assets/radio-unchecked.png"),url("assets/radio-unchecked@2.png")); +} + +/* Unchecked Hover */ +.radio:hover, +.radio row:selected:hover, +.radio row:selected:focus:hover { + background: -gtk-scaled(url("assets/radio-unchecked-hover.png"),url("assets/radio-unchecked-hover@2.png")); +} + +/* Unchecked Insensitive */ +.radio:insensitive, +.radio row:selected:insensitive, +.radio row:selected:focus:insensitive { + background: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"),url("assets/radio-unchecked-insensitive@2.png")); +} + +/* Unchecked Unfocused */ +.radio:backdrop, +.radio row:selected:backdrop, +.radio row:selected:focus:backdrop { + background: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"),url("assets/radio-unchecked-backdrop@2.png")); +} + +/* Checked */ +.radio:active, +.radio row:selected:active, +.radio row:selected:focus:active { + background: -gtk-scaled(url("assets/radio-checked.png"),url("assets/radio-checked@2.png")); +} + +/* Checked Hover */ +.radio:active:hover, +.radio row:selected:active:hover, +.radio row:selected:focus:active:hover { + background: -gtk-scaled(url("assets/radio-checked-hover.png"),url("assets/radio-checked-hover@2.png")); +} + +/* Checked Insensitive */ +.radio:active:insensitive, +.radio row:selected:active:insensitive, +.radio row:selected:focus:active:insensitive { + background: -gtk-scaled(url("assets/radio-checked-insensitive.png"),url("assets/radio-checked-insensitive@2.png")); +} + +/* Checked Unfocused */ +.radio:active:backdrop, +.radio row:selected:active:backdrop, +.radio row:selected:focus:active:backdrop { + background: -gtk-scaled(url("assets/radio-checked-backdrop.png"),url("assets/radio-checked-backdrop@2.png")); +} + +/* Mixed*/ +.radio:inconsistent, +.radio row:selected:inconsistent, +.radio row:selected:focus:inconsistent { + background: -gtk-scaled(url("assets/radio-mixed.png"),url("assets/radio-mixed@2.png")); +} + +/* Mixed Hover */ +.radio:inconsistent:hover, +.radio row:selected:inconsistent:hover, +.radio row:selected:focus:inconsistent:hover { + background: -gtk-scaled(url("assets/radio-mixed-hover.png"),url("assets/radio-mixed-hover@2.png")); +} + +/* Mixed Insensitive Unfocused */ +.radio:inconsistent:insensitive:backdrop, +.radio row:selected:inconsistent:insensitive:backdrop, +.radio row:selected:focus:inconsistent:insensitive:backdrop { + background: -gtk-scaled(url("assets/radio-mixed-insensitive.png"),url("assets/radio-mixed-insensitive@2.png")); +} + +/* Mixed Insensitive */ +.radio:inconsistent:insensitive, +.radio row:selected:inconsistent:insensitive, +.radio row:selected:focus:inconsistent:insensitive { + background: -gtk-scaled(url("assets/radio-mixed-insensitive.png"),url("assets/radio-mixed-insensitive@2.png")); +} + +/* Mixed Unfocused */ +.radio:inconsistent:backdrop, +.radio row:selected:inconsistent:backdrop, +.radio row:selected:focus:inconsistent:backdrop { + background: -gtk-scaled(url("assets/radio-mixed-backdrop.png"),url("assets/radio-mixed-backdrop@2.png")); +} + +/************** + * Menu items * + **************/ + +.menuitem.check:active { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked.png"),url("assets/menuitem-checkbox-checked@2.png")); +} + +.menuitem.check:active:hover { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-hover.png"),url("assets/menuitem-checkbox-checked-hover@2.png")); +} + +.menuitem.check:active:insensitive { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-insensitive.png"),url("assets/menuitem-checkbox-checked-insensitive@2.png")); +} + +.menuitem.check:inconsistent:hover, +.menuitem.radio:inconsistent:hover { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-hover.png"),url("assets/menuitem-checkbox-mixed-hover@2.png")); +} + +.menuitem.check:inconsistent, +.menuitem.radio:inconsistent { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed.png"),url("assets/menuitem-checkbox-mixed@2.png")); +} + +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-insensitive.png"),url("assets/menuitem-checkbox-mixed-insensitive@2.png")); +} + +.menuitem.radio:active { + background: -gtk-scaled(url("assets/menuitem-radio-checked.png"),url("assets/menuitem-radio-checked@2.png")); +} + +.menuitem.radio:active:hover { + background: -gtk-scaled(url("assets/menuitem-radio-checked-hover.png"),url("assets/menuitem-radio-checked-hover@2.png")); +} + +.menuitem.radio:active:insensitive { + background: -gtk-scaled(url("assets/menuitem-radio-checked-insensitive.png"),url("assets/menuitem-radio-checked-insensitive@2.png")); +} + +/*************** + * Resize grip * + ***************/ + +.grip { + background-color: transparent; + background: url("assets/scalable/resize-grip.svg"); +} + +/********************* + * GtkScale's slider * + *********************/ +.scale.slider, +.scale.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-horz.png"),url("assets/scale-slider-horz@2.png")); +} + +.scale.slider:hover, +.scale.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-hover.png"),url("assets/scale-slider-horz-hover@2.png")); +} + +.scale.slider:active, +.scale.slider:active:hover, +.scale.slider.horizontal:active, +.scale.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-active.png"),url("assets/scale-slider-horz-active@2.png")); +} + +.scale.slider:backdrop, +.scale.slider:backdrop:hover, +.scale.slider.horizontal:backdrop, +.scale.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-backdrop.png"),url("assets/scale-slider-horz-backdrop@2.png")); +} + +.scale.slider:insensitive, +.scale.slider:insensitive:hover, +.scale.slider.horizontal:insensitive, +.scale.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-insensitive.png"),url("assets/scale-slider-horz-insensitive@2.png")); +} + +.scale.slider:insensitive:backdrop, +.scale.slider:insensitive:backdrop:hover, +.scale.slider.horizontal:insensitive:backdrop, +.scale.slider.horizontal:insensitive:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-backdrop-insensitive.png"),url("assets/scale-slider-horz-backdrop-insensitive@2.png")); +} + + +.scale.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-vert.png"),url("assets/scale-slider-vert@2.png")); +} + +.scale.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-hover.png"),url("assets/scale-slider-vert-hover@2.png")); +} + +.scale.slider.vertical:active, +.scale.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-active.png"),url("assets/scale-slider-vert-active@2.png")); +} + +.scale.slider.vertical:backdrop, +.scale.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-backdrop.png"),url("assets/scale-slider-vert-backdrop@2.png")); +} + +.scale.slider.vertical:insensitive, +.scale.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-insensitive.png"),url("assets/scale-slider-vert-insensitive@2.png")); +} + +.scale.slider.vertical:insensitive:backdrop, +.scale.slider.vertical:insensitive:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-backdrop-insensitive.png"),url("assets/scale-slider-vert-backdrop-insensitive@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-up.png"),url("assets/scale-slider-up@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-up-hover.png"),url("assets/scale-slider-up-hover@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:active, +.scale.scale-has-marks-above.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-up-active.png"),url("assets/scale-slider-up-active@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:insensitive, +.scale.scale-has-marks-above.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-up-insensitive.png"),url("assets/scale-slider-up-insensitive@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:backdrop, +.scale.scale-has-marks-above.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop.png"),url("assets/scale-slider-up-backdrop@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive, +.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop-insensitive.png"),url("assets/scale-slider-up-backdrop-insensitive@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-left.png"),url("assets/scale-slider-left@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-left-hover.png"),url("assets/scale-slider-left-hover@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:active, +.scale.scale-has-marks-above.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-left-active.png"),url("assets/scale-slider-left-active@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:insensitive, +.scale.scale-has-marks-above.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-left-insensitive.png"),url("assets/scale-slider-left-insensitive@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:backdrop, +.scale.scale-has-marks-above.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-left-backdrop.png"),url("assets/scale-slider-left-backdrop@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive, +.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-left-backdrop-insensitive.png"),url("assets/scale-slider-left-backdrop-insensitive@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-down.png"),url("assets/scale-slider-down@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-down-hover.png"),url("assets/scale-slider-down-hover@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:active, +.scale.scale-has-marks-below.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-down-active.png"),url("assets/scale-slider-down-active@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:insensitive, +.scale.scale-has-marks-below.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-down-insensitive.png"),url("assets/scale-slider-down-insensitive@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:backdrop, +.scale.scale-has-marks-below.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop.png"),url("assets/scale-slider-down-backdrop@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive, +.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop-insensitive.png"),url("assets/scale-slider-down-backdrop-insensitive@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-right.png"),url("assets/scale-slider-right@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-right-hover.png"),url("assets/scale-slider-right-hover@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:active, +.scale.scale-has-marks-below.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-right-active.png"),url("assets/scale-slider-right-active@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:insensitive, +.scale.scale-has-marks-below.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-right-insensitive.png"),url("assets/scale-slider-right-insensitive@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:backdrop, +.scale.scale-has-marks-below.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-right-backdrop.png"),url("assets/scale-slider-right-backdrop@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive, +.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-right-backdrop-insensitive.png"),url("assets/scale-slider-right-backdrop-insensitive@2.png")); +} + +/******************************** + * Touch text selection handles * + ********************************/ +.cursor-handle.bottom { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop.png"),url("assets/scale-slider-up-backdrop@2.png")); +} + +.cursor-handle.top { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop.png"),url("assets/scale-slider-down-backdrop@2.png")); +} + +/*********** + * Spinner * + ***********/ + +@keyframes spinner { + 0% { background-image: url("assets/scalable/spinner-01.svg"); } + 5% { background-image: url("assets/scalable/spinner-02.svg"); } + 10% { background-image: url("assets/scalable/spinner-03.svg"); } + 15% { background-image: url("assets/scalable/spinner-04.svg"); } + 20% { background-image: url("assets/scalable/spinner-05.svg"); } + 25% { background-image: url("assets/scalable/spinner-06.svg"); } + 30% { background-image: url("assets/scalable/spinner-07.svg"); } + 35% { background-image: url("assets/scalable/spinner-08.svg"); } + 40% { background-image: url("assets/scalable/spinner-09.svg"); } + 45% { background-image: url("assets/scalable/spinner-10.svg"); } + 50% { background-image: url("assets/scalable/spinner-11.svg"); } + 55% { background-image: url("assets/scalable/spinner-12.svg"); } + 65% { background-image: url("assets/scalable/spinner-13.svg"); } + 70% { background-image: url("assets/scalable/spinner-14.svg"); } + 75% { background-image: url("assets/scalable/spinner-15.svg"); } + 80% { background-image: url("assets/scalable/spinner-16.svg"); } + 85% { background-image: url("assets/scalable/spinner-17.svg"); } + 90% { background-image: url("assets/scalable/spinner-18.svg"); } + 95% { background-image: url("assets/scalable/spinner-19.svg"); } + 100% { background-image: url("assets/scalable/spinner-20.svg"); } +} + +.spinner { + background-color: transparent; + background-image: url("assets/scalable/spinner-01.svg"); + background-repeat: no-repeat; + background-position: center; +} + +.spinner:active { + background-image: url("assets/scalable/spinner-01.svg"); + animation: spinner 600ms infinite linear; +} + +/***************** + * Seletion Mode * + *****************/ + +/* View Content Check */ +.view.content-view.check { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked.png"), url("assets/selection-mode-checkbox-unchecked@2.png")); + background: none; +} + +.view.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-hover.png"), url("assets/selection-mode-checkbox-unchecked-hover@2.png")); + background: none; +} + +.view.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-active.png"), url("assets/selection-mode-checkbox-unchecked-active@2.png")); + background: none; +} + +.view.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop.png"), url("assets/selection-mode-checkbox-unchecked-backdrop@2.png")); + background: none; +} + +.view.content-view.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked.png"), url("assets/selection-mode-checkbox-checked@2.png")); + background: none; +} + +.view.content-view.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-hover.png"), url("assets/selection-mode-checkbox-checked-hover@2.png")); + background: none; +} + +.view.content-view.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-active.png"), url("assets/selection-mode-checkbox-checked-active@2.png")); + background: none; +} + +.view.content-view.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop.png"), url("assets/selection-mode-checkbox-checked-backdrop@2.png")); + background: none; +} + + +/************************* + * Check and Radio items * + *************************/ + +.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.check.button.flat, +.header-bar .check.titlebutton.button, +.titlebar .check.titlebutton.button { +} + +.view.check:selected, +GtkCalendar.check:selected, +.list-row:selected .check { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); +} + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); +} + +.check:hover.button.flat, +.header-bar .check.titlebutton.button:hover, +.titlebar .check.titlebutton.button:hover { +} + +.view.check:hover:selected, +GtkCalendar.check:hover:selected, +.list-row:selected .check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); +} + +.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); +} + +.check:active.button.flat, +.header-bar .check.titlebutton.button:active, +.titlebar .check.titlebutton.button:active { +} + +.view.check:active:selected, +GtkCalendar.check:active:selected, +.list-row:selected .check:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); +} + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.check:insensitive.button.flat, +.header-bar .check.titlebutton.button:insensitive, +.titlebar .check.titlebutton.button:insensitive { +} + +.view.check:insensitive:selected, +GtkCalendar.check:insensitive:selected, +.list-row:selected .check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); +} + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); +} + +.check:backdrop.button.flat, +.header-bar .check.titlebutton.button:backdrop, +.titlebar .check.titlebutton.button:backdrop { +} + +.view.check:backdrop:selected, +GtkCalendar.check:backdrop:selected, +.list-row:selected .check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); +} + +.check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); +} + +.check:backdrop:insensitive.button.flat, +.header-bar .check.titlebutton.button:backdrop:insensitive, +.titlebar .check.titlebutton.button:backdrop:insensitive { +} + +.view.check:backdrop:insensitive:selected, +GtkCalendar.check:backdrop:insensitive:selected, +.list-row:selected .check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); +} + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.check:inconsistent.button.flat, +.header-bar .check.titlebutton.button:inconsistent, +.titlebar .check.titlebutton.button:inconsistent { +} + +.view.check:inconsistent:selected, +GtkCalendar.check:inconsistent:selected, +.list-row:selected .check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); +} + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); +} + +.check:inconsistent:hover.button.flat, +.header-bar .check.titlebutton.button:inconsistent:hover, +.titlebar .check.titlebutton.button:inconsistent:hover { +} + +.view.check:inconsistent:hover:selected, +GtkCalendar.check:inconsistent:hover:selected, +.list-row:selected .check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); +} + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); +} + +.check:inconsistent:selected.button.flat, +.header-bar .check.titlebutton.button:inconsistent:selected, +.titlebar .check.titlebutton.button:inconsistent:selected { +} + +.view.check:inconsistent:selected:selected, +GtkCalendar.check:inconsistent:selected, +.list-row:selected .check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); +} + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png")); +} + +.check:inconsistent:backdrop.button.flat, +.header-bar .check.titlebutton.button:inconsistent:backdrop, +.titlebar .check.titlebutton.button:inconsistent:backdrop { +} + +.view.check:inconsistent:backdrop:selected, +GtkCalendar.check:inconsistent:backdrop:selected, +.list-row:selected .check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); +} + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.check:inconsistent:insensitive.button.flat, +.header-bar .check.titlebutton.button:inconsistent:insensitive, +.titlebar .check.titlebutton.button:inconsistent:insensitive { +} + +.view.check:inconsistent:insensitive:selected, +GtkCalendar.check:inconsistent:insensitive:selected, +.list-row:selected .check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); +} + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png")); +} + +.check:inconsistent:insensitive:backdrop.button.flat, +.header-bar .check.titlebutton.button:inconsistent:insensitive:backdrop, +.titlebar .check.titlebutton.button:inconsistent:insensitive:backdrop { +} + +.view.check:inconsistent:insensitive:backdrop:selected, +GtkCalendar.check:inconsistent:insensitive:backdrop:selected, +.list-row:selected .check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive@2.png")); +} + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.check:checked.button.flat, +.header-bar .check.titlebutton.button:checked, +.titlebar .check.titlebutton.button:checked { +} + +.view.check:checked:selected, +GtkCalendar.check:checked:selected, +.list-row:selected .check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); +} + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.check:checked:insensitive.button.flat, +.header-bar .check.titlebutton.button:checked:insensitive, +.titlebar .check.titlebutton.button:checked:insensitive { +} + +.view.check:checked:insensitive:selected, +GtkCalendar.check:checked:insensitive:selected, +.list-row:selected .check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); +} + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); +} + +.check:checked:hover.button.flat, +.header-bar .check.titlebutton.button:checked:hover, +.titlebar .check.titlebutton.button:checked:hover { +} + +.view.check:checked:hover:selected, +GtkCalendar.check:checked:hover:selected, +.list-row:selected .check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); +} + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); +} + +.check:checked:active.button.flat, +.header-bar .check.titlebutton.button:checked:active, +.titlebar .check.titlebutton.button:checked:active { +} + +.view.check:checked:active:selected, +GtkCalendar.check:checked:active:selected, +.list-row:selected .check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); +} + +.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); +} + +.check:backdrop:checked.button.flat, +.header-bar .check.titlebutton.button:backdrop:checked, +.titlebar .check.titlebutton.button:backdrop:checked { +} + +.view.check:backdrop:checked:selected, +GtkCalendar.check:backdrop:checked:selected, +.list-row:selected .check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); +} + +.check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); +} + +.check:backdrop:checked:insensitive.button.flat, +.header-bar .check.titlebutton.button:backdrop:checked:insensitive, +.titlebar .check.titlebutton.button:backdrop:checked:insensitive { +} + +.view.check:backdrop:checked:insensitive:selected, +GtkCalendar.check:backdrop:checked:insensitive:selected, +.list-row:selected .check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive.png"), url("assets/selected-checkbox-checked-backdrop-insensitive@2.png")); +} + +.menu .menuitem.check { + -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); + color: #7a7e7f; +} + +.menu .menuitem.check:active, +.menu .menuitem.check:checked { + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); +} + +.menu .menuitem.check:inconsistent { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); +} + +.menu .menuitem.check:hover { + color: #ffffff; +} + +.menu .menuitem.check:insensitive { + color: #bdbebf; +} + +.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.radio.button.flat, +.header-bar .radio.titlebutton.button, +.titlebar .radio.titlebutton.button { +} + +.view.radio:selected, +GtkCalendar.radio:selected, +.list-row:selected .radio { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); +} + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); +} + +.radio:hover.button.flat, +.header-bar .radio.titlebutton.button:hover, +.titlebar .radio.titlebutton.button:hover { +} + +.view.radio:hover:selected, +GtkCalendar.radio:hover:selected, +.list-row:selected .radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); +} + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); +} + +.radio:active.button.flat, +.header-bar .radio.titlebutton.button:active, +.titlebar .radio.titlebutton.button:active { +} + +.view.radio:active:selected, +GtkCalendar.radio:active:selected, +.list-row:selected .radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); +} + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.radio:insensitive.button.flat, +.header-bar .radio.titlebutton.button:insensitive, +.titlebar .radio.titlebutton.button:insensitive { +} + +.view.radio:insensitive:selected, +GtkCalendar.radio:insensitive:selected, +.list-row:selected .radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); +} + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); +} + +.radio:backdrop.button.flat, +.header-bar .radio.titlebutton.button:backdrop, +.titlebar .radio.titlebutton.button:backdrop { +} + +.view.radio:backdrop:selected, +GtkCalendar.radio:backdrop:selected, +.list-row:selected .radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); +} + +.radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); +} + +.radio:backdrop:insensitive.button.flat, +.header-bar .radio.titlebutton.button:backdrop:insensitive, +.titlebar .radio.titlebutton.button:backdrop:insensitive { +} + +.view.radio:backdrop:insensitive:selected, +GtkCalendar.radio:backdrop:insensitive:selected, +.list-row:selected .radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); +} + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.radio:inconsistent.button.flat, +.header-bar .radio.titlebutton.button:inconsistent, +.titlebar .radio.titlebutton.button:inconsistent { +} + +.view.radio:inconsistent:selected, +GtkCalendar.radio:inconsistent:selected, +.list-row:selected .radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); +} + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); +} + +.radio:inconsistent:hover.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:hover, +.titlebar .radio.titlebutton.button:inconsistent:hover { +} + +.view.radio:inconsistent:hover:selected, +GtkCalendar.radio:inconsistent:hover:selected, +.list-row:selected .radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); +} + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); +} + +.radio:inconsistent:selected.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:selected, +.titlebar .radio.titlebutton.button:inconsistent:selected { +} + +.view.radio:inconsistent:selected:selected, +GtkCalendar.radio:inconsistent:selected, +.list-row:selected .radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); +} + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png")); +} + +.radio:inconsistent:backdrop.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:backdrop, +.titlebar .radio.titlebutton.button:inconsistent:backdrop { +} + +.view.radio:inconsistent:backdrop:selected, +GtkCalendar.radio:inconsistent:backdrop:selected, +.list-row:selected .radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); +} + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.radio:inconsistent:insensitive.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:insensitive, +.titlebar .radio.titlebutton.button:inconsistent:insensitive { +} + +.view.radio:inconsistent:insensitive:selected, +GtkCalendar.radio:inconsistent:insensitive:selected, +.list-row:selected .radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); +} + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png")); +} + +.radio:inconsistent:insensitive:backdrop.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:insensitive:backdrop, +.titlebar .radio.titlebutton.button:inconsistent:insensitive:backdrop { +} + +.view.radio:inconsistent:insensitive:backdrop:selected, +GtkCalendar.radio:inconsistent:insensitive:backdrop:selected, +.list-row:selected .radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive.png"), url("assets/selected-radio-mixed-backdrop-insensitive@2.png")); +} + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.radio:checked.button.flat, +.header-bar .radio.titlebutton.button:checked, +.titlebar .radio.titlebutton.button:checked { +} + +.view.radio:checked:selected, +GtkCalendar.radio:checked:selected, +.list-row:selected .radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); +} + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.radio:checked:insensitive.button.flat, +.header-bar .radio.titlebutton.button:checked:insensitive, +.titlebar .radio.titlebutton.button:checked:insensitive { +} + +.view.radio:checked:insensitive:selected, +GtkCalendar.radio:checked:insensitive:selected, +.list-row:selected .radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); +} + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); +} + +.radio:checked:hover.button.flat, +.header-bar .radio.titlebutton.button:checked:hover, +.titlebar .radio.titlebutton.button:checked:hover { +} + +.view.radio:checked:hover:selected, +GtkCalendar.radio:checked:hover:selected, +.list-row:selected .radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); +} + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); +} + +.radio:checked:active.button.flat, +.header-bar .radio.titlebutton.button:checked:active, +.titlebar .radio.titlebutton.button:checked:active { +} + +.view.radio:checked:active:selected, +GtkCalendar.radio:checked:active:selected, +.list-row:selected .radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); +} + +.radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); +} + +.radio:backdrop:checked.button.flat, +.header-bar .radio.titlebutton.button:backdrop:checked, +.titlebar .radio.titlebutton.button:backdrop:checked { +} + +.view.radio:backdrop:checked:selected, +GtkCalendar.radio:backdrop:checked:selected, +.list-row:selected .radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); +} + +.radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); +} + +.radio:backdrop:checked:insensitive.button.flat, +.header-bar .radio.titlebutton.button:backdrop:checked:insensitive, +.titlebar .radio.titlebutton.button:backdrop:checked:insensitive { +} + +.view.radio:backdrop:checked:insensitive:selected, +GtkCalendar.radio:backdrop:checked:insensitive:selected, +.list-row:selected .radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive.png"), url("assets/selected-radio-checked-backdrop-insensitive@2.png")); +} diff --git a/Paper/gtk-3.0/gtk-widgets.css b/Paper/gtk-3.0/gtk-widgets.css new file mode 100644 index 0000000..f7d8940 --- /dev/null +++ b/Paper/gtk-3.0/gtk-widgets.css @@ -0,0 +1,101 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +* { + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + -GtkExpander-expander-size: 11; + -GtkHTML-link-color: @link; + -GtkIMHtml-hyperlink-color: @link; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkPaned-handle-size: 0; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkTextView-error-underline-color: @error; + -GtkToolButton-icon-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 0; + -GtkWidget-link-color: @link; + -GtkWidget-visited-link-color: @link; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + background-color: inherit; + color: inherit; +} + +/* Import Widget CSS */ +@import url("widgets/action-bar.css"); +@import url("widgets/app-notifications.css"); +@import url("widgets/base-states.css"); +@import url("widgets/buttons.css"); +@import url("widgets/calendar.css"); +@import url("widgets/cell-row.css"); +@import url("widgets/check-radio.css"); +@import url("widgets/color-chooser.css"); +@import url("widgets/column-header.css"); +@import url("widgets/combobox.css"); +@import url("widgets/composited-indicator.css"); +@import url("widgets/csd.css"); +@import url("widgets/cursor-handles.css"); +@import url("widgets/destructive-action-buttons.css"); +@import url("widgets/dialogs.css"); +@import url("widgets/dynamic-notebook.css"); +@import url("widgets/entry.css"); +@import url("widgets/floating-bar.css"); +@import url("widgets/header-bar.css"); +@import url("widgets/images.css"); +@import url("widgets/infobars.css"); +@import url("widgets/inline-toolbars.css"); +@import url("widgets/labels.css"); +@import url("widgets/levelbars.css"); +@import url("widgets/linked-buttons.css"); +@import url("widgets/links.css"); +@import url("widgets/list-rows.css"); +@import url("widgets/menu-button.css"); +@import url("widgets/menubars.css"); +@import url("widgets/menus.css"); +@import url("widgets/message-dialogs.css"); +@import url("widgets/miscellaneous.css"); +@import url("widgets/notebook.css"); +@import url("widgets/osd.css"); +/*@import url("widgets/overflow.css");*/ +@import url("widgets/popovers.css"); +@import url("widgets/progressbars.css"); +@import url("widgets/scales.css"); +@import url("widgets/scrollbars.css"); +@import url("widgets/search-bars.css"); +@import url("widgets/selection-mode.css"); +@import url("widgets/separators.css"); +@import url("widgets/sidebar.css"); +@import url("widgets/spinbutton.css"); +@import url("widgets/spinner.css"); +@import url("widgets/statusbar.css"); +@import url("widgets/suggested-action-buttons.css"); +@import url("widgets/switches.css"); +@import url("widgets/tiles.css"); +@import url("widgets/titlebar.css"); +@import url("widgets/toolbars.css"); +@import url("widgets/tooltips.css"); +@import url("widgets/views.css"); +@import url("widgets/windows.css"); diff --git a/Paper/gtk-3.0/gtk.css b/Paper/gtk-3.0/gtk.css index b433885..941fd40 100644 --- a/Paper/gtk-3.0/gtk.css +++ b/Paper/gtk-3.0/gtk.css @@ -15,10207 +15,51 @@ * You should have received a copy of the GNU General Public License along * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. */ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* widget text/foreground color */ -@define-color theme_fg_color #666666; -/* text color for entries, views and content in general */ -@define-color theme_text_color #666666; -/* widget base background color */ -@define-color theme_bg_color #f7f7f7; -/* text widgets and the like base background color */ -@define-color theme_base_color #ffffff; -/* base background color of selections */ -@define-color theme_selected_bg_color #449ac2; -/* text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* base background color of insensitive widgets */ -@define-color insensitive_bg_color #fafafa; -/* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #afafaf; -/* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #ffffff; -/* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #afafaf; -/* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #666666; -/* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #f7f7f7; -/* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #fcfcfc; -/* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #449ac2; -/* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* widgets main borders color */ -@define-color borders #c4c4c4; -/* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #c9c9c9; -/* these are pretty self explicative */ -@define-color warning_color #feea3a; -@define-color error_color #f34235; -@define-color success_color #1ea362; -/* these colors are exported for the window manager and shouldn't be used in applications, -read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#666666, 1.8); -@define-color wm_unfocused_title #afafaf; -@define-color wm_highlight rgba(255, 255, 255, 0.2); -@define-color wm_borders_edge rgba(255, 255, 255, 0.2); -@define-color wm_bg_a shade(#f7f7f7, 1.2); -@define-color wm_bg_b #f7f7f7; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#f7f7f7, 1.3); -@define-color wm_button_hover_color_b #f7f7f7; -@define-color wm_button_active_color_a shade(#f7f7f7, 0.85); -@define-color wm_button_active_color_b shade(#f7f7f7, 0.89); -@define-color wm_button_active_color_c shade(#f7f7f7, 0.9); -@define-color content_view_bg #ffffff; + /********** - * Common * + * Colors * **********/ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #f34235; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkTreeView-expander-size: 11; - -GtkTreeView-horizontal-separator: 4; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkPaned-handle-size: 1; - -gtk-secondary-caret-color: #449ac2; } + +/* Base colors */ +@define-color base #fff;/* Base color */ +@define-color background #f7f7f7;/* Background color */ +@define-color foreground #666;/* Foreground color */ +@define-color border #D8D8D8;/* Borders color */ +@define-color separator alpha(#000, 0.15);/* Separator color */ +@define-color text @foreground;/* Text color */ +@define-color header #636E73;/* Header color */ +@define-color backdrop_header shade(@header, 0.9);/* Backdrop Header color */ +@define-color header_text #fff;/* Header text color */ +@define-color header_text_dark alpha(#000, 0.3);/* Header text color */ +@define-color selection #dbdee0;/* Selection color */ +@define-color view_background @base;/* View background */ +@define-color inactive_frame @border;/* Inactive frame color */ +@define-color text_shadow alpha(white, 0.4);/* Text shadow */ +@define-color icon_shadow @text_shadow;/* Icon shadow */ +@define-color progress_color #9fb0b9; /* Progressbar color */ + +/* Hightlight & shadow colors */ +@define-color highlight alpha(#fff, 0.2); +@define-color shadow alpha(#000, 0.2); + +/* Fixes for 263, and partial fix for 223 (gnome-calendar) + * https://github.com/snwh/paper-gtk-theme/issues/223 * + * https://github.com/snwh/paper-gtk-theme/issues/263 */ +@define-color theme_fg_color @foreground; +@define-color theme_bg_color @background; +@define-color theme_text_color @text; +@define-color theme_base_color @base; +@define-color borders @border; + /*********** - * Widgets * + * Imports * ***********/ -/*************** -* Action bars * -***************/ -.action-bar { - background-color: #dedede; - border: solid #c4c4c4; - border-width: 1px 0 0 0; - color: #666666; - box-shadow: none; } - .action-bar:backdrop { - background-color: #dedede; - box-shadow: none; - -gtk-image-effect: dim; } - .action-bar:first-child { - border-radius: 6px 6px 0px 0px; - border-width: 1px 1px 0px 1px; } - .action-bar:last-child { - border-radius: 0 0 6px 6px; - border-width: 0px 1px 1px 1px; } -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: rgba(32, 37, 38, 0.8); - background-clip: padding-box; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; - transition: 200ms ease-out; } - .app-notification border, - .app-notification.frame border { - border: none; } +/* Import Assets CSS */ +@import url("gtk-widgets-assets.css"); -/*************** - * Base States * - ***************/ -.background { - color: #666666; - background-color: #f7f7f7; } - .background:backdrop { - color: #afafaf; - background-color: #f7f7f7; - text-shadow: none; - -gtk-icon-shadow: none; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:insensitive { - -gtk-icon-effect: dim; } - -*:disabled { - -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - color: #666666; - background-color: #f7f7f7; } - .gtkstyle-fallback:hover { - color: #666666; - background-color: white; } - .gtkstyle-fallback:active { - color: #666666; - background-color: #dedede; } - .gtkstyle-fallback:disabled { - color: #afafaf; - background-color: #fafafa; } - .gtkstyle-fallback:selected { - color: #ffffff; - background-color: #449ac2; } - -.view, GtkIconView, -iconview, -GtkTextView text, -textview text { - color: #666666; - background-color: #ffffff; } - .view:backdrop, GtkIconView:backdrop, - iconview:backdrop, - GtkTextView text:backdrop, - textview text:backdrop { - color: #848484; - background-color: #fcfcfc; } - .view:selected:focus, GtkIconView:selected:focus, - iconview:selected:focus, .view:selected, GtkIconView:selected, - iconview:selected, - GtkTextView text:selected:focus, - textview text:selected:focus, - GtkTextView text:selected, - textview text:selected { - border-radius: 3px; } - -GtkTextView, -textview border { - background-color: #fbfbfb; - background-image: image(rgba(0, 0, 0, 0.2)); - background-repeat: no-repeat; } - GtkTextView:backdrop, - textview border:backdrop { - background-color: #fafafa; } - GtkTextView.bottom, - textview border.bottom { - background-size: 100% 1px; - background-position: top; } - GtkTextView.top, - textview border.top { - background-size: 100% 1px; - background-position: bottom; } - GtkTextView.left, - textview border.left { - background-size: 1px 100%; - background-position: right; } - GtkTextView.right, - textview border.right { - background-size: 1px 100%; - background-position: left; } - -GtkIconView, -iconview { - background-color: transparent; } - GtkIconView:backdrop, - iconview:backdrop { - background-color: transparent; } - -.rubberband, -rubberband, -GtkFlow rubberband, -flowbox rubberband, -.content-view rubberband, -GtkTreeView.view .rubberband, -GtkTreeView.view rubberband, -treeview.view .rubberband, -treeview.view rubberband { - border: 1px solid #347d9f; - background-color: rgba(52, 125, 159, 0.2); } - -GtkFlow flowboxchild, -flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } - GtkFlow flowboxchild:selected, - flowbox flowboxchild:selected { - outline-offset: -2px; } - -GtkLabel.separator, -label.separator { - color: #666666; } - GtkLabel.separator:backdrop, - label.separator:backdrop { - color: #afafaf; } -GtkLabel selection, -label selection { - background-color: #449ac2; - color: #ffffff; } -GtkLabel:disabled, -label:disabled { - color: #afafaf; } - GtkLabel:disabled:backdrop, - label:disabled:backdrop { - color: #d1d1d1; } -GtkLabel:backdrop, -label:backdrop { - color: #afafaf; } - -.dim-label, GtkLabel.separator, -label.separator, .titlebar:not(headerbar) .subtitle, -.header-bar .subtitle, -headerbar .subtitle { - opacity: 0.55; - text-shadow: none; } - -GtkAssistant, -assistant { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkAssistant .sidebar, - assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid #c4c4c4; - border-bottom-left-radius: 4px; } - GtkAssistant .sidebar:backdrop, - assistant .sidebar:backdrop { - background-color: #fcfcfc; - border-color: #c9c9c9; } - GtkAssistant.csd .sidebar, - assistant.csd .sidebar { - border-top-style: none; } - GtkAssistant .sidebar GtkLabel, - GtkAssistant .sidebar label, - assistant .sidebar GtkLabel, - assistant .sidebar label { - padding: 6px 12px; } - GtkAssistant .sidebar GtkLabel.highlight, - GtkAssistant .sidebar label.highlight, - assistant .sidebar GtkLabel.highlight, - assistant .sidebar label.highlight { - background-color: #dadada; } - -.app-notification, -.app-notification.frame, .osd .scale-popup, .csd .popover.background.touch-selection, .csd .popover.background.magnifier, .popover.background.touch-selection, .popover.background.magnifier, .csd -popover.background.touch-selection, .csd -popover.background.magnifier, -popover.background.touch-selection, -popover.background.magnifier, .csd .popover.background.osd, .popover.background.osd, .csd -popover.background.osd, -popover.background.osd, -.osd { - color: #A1A8AB; - border: none; - background-color: rgba(32, 37, 38, 0.8); - background-clip: padding-box; - outline-color: rgba(161, 168, 171, 0.3); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification:backdrop, .osd .scale-popup:backdrop, .popover.background.touch-selection:backdrop, .popover.background.magnifier:backdrop, - popover.background.touch-selection:backdrop, - popover.background.magnifier:backdrop, .popover.background.osd:backdrop, - popover.background.osd:backdrop, - .osd:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#449ac2), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)); } } -notebook > header > tabs > arrow, -.button, -button { - min-height: 20px; - min-width: 16px; - padding: 4px 9px; - border: 1px solid #c4c4c4; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - button.sidebar-button, notebook > header > tabs > arrow, - .button.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - button.sidebar-button:hover, notebook > header > tabs > arrow:hover, - .button.flat:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, - .button.flat:hover:active, - button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, - .button:hover, - button:hover { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - .button:active, - .button:checked, - button:active, - button:checked { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); - transition-duration: 50ms; } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat, - .button:backdrop, - button:backdrop.flat, - button:backdrop { - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #f7f7f7); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; - -gtk-icon-effect: none; } - button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat GtkLabel, - .button:backdrop.flat, - .button:backdrop GtkLabel, - .button:backdrop, - button:backdrop.flat GtkLabel, - button:backdrop.flat, - button:backdrop GtkLabel, - button:backdrop { - color: #afafaf; } - button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat label, - .button:backdrop.flat, - .button:backdrop label, - .button:backdrop, - button:backdrop.flat label, - button:backdrop.flat, - button:backdrop label, - button:backdrop { - color: #afafaf; } - button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active, - .button:backdrop.flat:checked, - .button:backdrop:active, - .button:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - border-color: #c9c9c9; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active GtkLabel, - .button:backdrop.flat:active, - .button:backdrop.flat:checked GtkLabel, - .button:backdrop.flat:checked, - .button:backdrop:active GtkLabel, - .button:backdrop:active, - .button:backdrop:checked GtkLabel, - .button:backdrop:checked, - button:backdrop.flat:active GtkLabel, - button:backdrop.flat:active, - button:backdrop.flat:checked GtkLabel, - button:backdrop.flat:checked, - button:backdrop:active GtkLabel, - button:backdrop:active, - button:backdrop:checked GtkLabel, - button:backdrop:checked { - color: #afafaf; } - button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active label, - .button:backdrop.flat:active, - .button:backdrop.flat:checked label, - .button:backdrop.flat:checked, - .button:backdrop:active label, - .button:backdrop:active, - .button:backdrop:checked label, - .button:backdrop:checked, - button:backdrop.flat:active label, - button:backdrop.flat:active, - button:backdrop.flat:checked label, - button:backdrop.flat:checked, - button:backdrop:active label, - button:backdrop:active, - button:backdrop:checked label, - button:backdrop:checked { - color: #afafaf; } - button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled, - .button:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - border-color: #c9c9c9; - background-image: none; - background-color: #fafafa; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled GtkLabel, - .button:backdrop.flat:disabled, - .button:backdrop:disabled GtkLabel, - .button:backdrop:disabled, - button:backdrop.flat:disabled GtkLabel, - button:backdrop.flat:disabled, - button:backdrop:disabled GtkLabel, - button:backdrop:disabled { - color: #d1d1d1; } - button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled label, - .button:backdrop.flat:disabled, - .button:backdrop:disabled label, - .button:backdrop:disabled, - button:backdrop.flat:disabled label, - button:backdrop.flat:disabled, - button:backdrop:disabled label, - button:backdrop:disabled { - color: #d1d1d1; } - button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - .button:backdrop.flat:disabled:active, - .button:backdrop.flat:disabled:checked, - .button:backdrop:disabled:active, - .button:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - border-color: #c9c9c9; - background-image: none; - background-color: #ededed; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, - .button:backdrop.flat:disabled:active label, - .button:backdrop.flat:disabled:checked label, - .button:backdrop:disabled:active label, - .button:backdrop:disabled:checked label, - button:backdrop.flat:disabled:active label, - button:backdrop.flat:disabled:checked label, - button:backdrop:disabled:active label, - button:backdrop:disabled:checked label { - color: #d1d1d1; } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, - .button.flat:backdrop, - .button.flat:disabled, - .button.flat:backdrop:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled, - .button:insensitive, - .button:disabled, - button:insensitive, - button:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:insensitive GtkLabel, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled, - .button:insensitive GtkLabel, - .button:insensitive, - .button:disabled GtkLabel, - .button:disabled, - button:insensitive GtkLabel, - button:insensitive, - button:disabled GtkLabel, - button:disabled { - color: #afafaf; } - notebook > header > tabs > arrow:insensitive label, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled, - .button:insensitive label, - .button:insensitive, - .button:disabled label, - .button:disabled, - button:insensitive label, - button:insensitive, - button:disabled label, - button:disabled { - color: #afafaf; } - notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active, - .button:insensitive:checked, - .button:disabled:active, - .button:disabled:checked, - button:insensitive:active, - button:insensitive:checked, - button:disabled:active, - button:disabled:checked { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - notebook > header > tabs > arrow:insensitive:active GtkLabel, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked GtkLabel, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active GtkLabel, - .button:insensitive:active, - .button:insensitive:checked GtkLabel, - .button:insensitive:checked, - .button:disabled:active GtkLabel, - .button:disabled:active, - .button:disabled:checked GtkLabel, - .button:disabled:checked, - button:insensitive:active GtkLabel, - button:insensitive:active, - button:insensitive:checked GtkLabel, - button:insensitive:checked, - button:disabled:active GtkLabel, - button:disabled:active, - button:disabled:checked GtkLabel, - button:disabled:checked { - color: #afafaf; } - notebook > header > tabs > arrow:insensitive:active label, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked label, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active label, - .button:insensitive:active, - .button:insensitive:checked label, - .button:insensitive:checked, - .button:disabled:active label, - .button:disabled:active, - .button:disabled:checked label, - .button:disabled:checked, - button:insensitive:active label, - button:insensitive:active, - button:insensitive:checked label, - button:insensitive:checked, - button:disabled:active label, - button:disabled:active, - button:disabled:checked label, - button:disabled:checked { - color: #afafaf; } - notebook > header > tabs > arrow.image-button, - .button.image-button, - button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button, - .button.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - .button.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button GtkLabel, - notebook > header > tabs > arrow.text-button.image-button label, - .button.text-button.image-button GtkLabel, - .button.text-button.image-button label, - button.text-button.image-button GtkLabel, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - GtkComboBox:drop(active) button.combo, - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - .button:drop(active), - button:drop(active) { - color: #4e9a06; - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } -row:selected -.button, row:selected -button { - border-color: #347d9f; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected - .button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #fcfcfc; } -.button.osd, -button.osd { - min-width: 24px; - min-height: 32px; - color: #A1A8AB; - border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd.image-button, - button.osd.image-button { - min-width: 32px; } - .button.osd:hover, - button.osd:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd:active, - .button.osd:checked, - button.osd:active, - button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd:insensitive:backdrop, - .button.osd:insensitive, - .button.osd:disabled:backdrop, - .button.osd:disabled, - button.osd:insensitive:backdrop, - button.osd:insensitive, - button.osd:disabled:backdrop, - button.osd:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - .button.osd:backdrop, - button.osd:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } -.app-notification .button, .app-notification button, -.app-notification.frame .button, -.app-notification.frame button, .csd .popover.background.touch-selection button, .csd .popover.background.magnifier button, .popover.background.touch-selection button, .popover.background.magnifier button, .csd -popover.background.touch-selection button, .csd -popover.background.magnifier button, -popover.background.touch-selection button, -popover.background.magnifier button, .osd -.button, .osd -button { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:hover, .app-notification button:hover, .popover.background.touch-selection button:hover, .popover.background.magnifier button:hover, - popover.background.touch-selection button:hover, - popover.background.magnifier button:hover, .osd - .button:hover, .osd - button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover.background.touch-selection button:active:backdrop, .popover.background.magnifier button:active:backdrop, - popover.background.touch-selection button:active:backdrop, - popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover.background.touch-selection button:active, .popover.background.magnifier button:active, - popover.background.touch-selection button:active, - popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover.background.touch-selection button:checked:backdrop, .popover.background.magnifier button:checked:backdrop, - popover.background.touch-selection button:checked:backdrop, - popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover.background.touch-selection button:checked, .popover.background.magnifier button:checked, - popover.background.touch-selection button:checked, - popover.background.magnifier button:checked, .osd - .button:active:backdrop, .osd - .button:active, .osd - .button:checked:backdrop, .osd - .button:checked, .osd - button:active:backdrop, .osd - button:active, .osd - button:checked:backdrop, .osd - button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, .popover.background.touch-selection button:disabled:backdrop, .popover.background.magnifier button:disabled:backdrop, - popover.background.touch-selection button:disabled:backdrop, - popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, .popover.background.touch-selection button:disabled, .popover.background.magnifier button:disabled, - popover.background.touch-selection button:disabled, - popover.background.magnifier button:disabled, .osd - .button:disabled:backdrop, .osd - .button:disabled, .osd - button:disabled:backdrop, .osd - button:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .button:backdrop, .app-notification button:backdrop, .popover.background.touch-selection button:backdrop, .popover.background.magnifier button:backdrop, - popover.background.touch-selection button:backdrop, - popover.background.magnifier button:backdrop, .osd - .button:backdrop, .osd - button:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .flat.button, .app-notification button.flat, .popover.background.touch-selection button.flat, .popover.background.magnifier button.flat, - popover.background.touch-selection button.flat, - popover.background.magnifier button.flat, .osd - .button.flat, .osd - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification .flat.button:hover, .app-notification button.flat:hover, .popover.background.touch-selection button.flat:hover, .popover.background.magnifier button.flat:hover, - popover.background.touch-selection button.flat:hover, - popover.background.magnifier button.flat:hover, .osd - .button.flat:hover, .osd - button.flat:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .flat.button:disabled, .app-notification button.flat:disabled, .popover.background.touch-selection button.flat:disabled, .popover.background.magnifier button.flat:disabled, - popover.background.touch-selection button.flat:disabled, - popover.background.magnifier button.flat:disabled, .osd - .button.flat:disabled, .osd - button.flat:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, .popover.background.touch-selection button.flat:backdrop, .popover.background.magnifier button.flat:backdrop, - popover.background.touch-selection button.flat:backdrop, - popover.background.magnifier button.flat:backdrop, .osd - .button.flat:backdrop, .osd - button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .flat.button:active, .app-notification button.flat:active, .popover.background.touch-selection button.flat:active, .popover.background.magnifier button.flat:active, - popover.background.touch-selection button.flat:active, - popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, .popover.background.touch-selection button.flat:checked, .popover.background.magnifier button.flat:checked, - popover.background.touch-selection button.flat:checked, - popover.background.magnifier button.flat:checked, .osd - .button.flat:active, .osd - .button.flat:checked, .osd - button.flat:active, .osd - button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } -.button.suggested-action, -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #215065; - background-image: linear-gradient(to bottom, #449ac2, #3a8cb2); - text-shadow: 0 1px rgba(0, 0, 0, 0.58902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.58902); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action.flat, - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #449ac2; } - .button.suggested-action:hover, - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #215065; - background-image: linear-gradient(to bottom, #5ba6c9, #449ac2 60%, #3c8fb6); - text-shadow: 0 1px rgba(0, 0, 0, 0.54102); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54102); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .button.suggested-action:active, - .button.suggested-action:checked, - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #215065; - background-image: linear-gradient(to bottom, #3886ab, #3e95be); - text-shadow: 0 1px rgba(0, 0, 0, 0.66902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.66902); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - border-color: #449ac2; - background-image: linear-gradient(to bottom, #449ac2); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop GtkLabel, - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop GtkLabel, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop GtkLabel, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop GtkLabel, - button.suggested-action.flat:backdrop { - color: #daebf3; } - .button.suggested-action:backdrop label, - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop label, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop label, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop label, - button.suggested-action.flat:backdrop { - color: #daebf3; } - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - border-color: #347d9f; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action:backdrop:active GtkLabel, - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked GtkLabel, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active GtkLabel, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked GtkLabel, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active GtkLabel, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked GtkLabel, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active GtkLabel, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked GtkLabel, - button.suggested-action.flat:backdrop:checked { - color: #d6e5ec; } - .button.suggested-action:backdrop:active label, - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked label, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active label, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked label, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active label, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked label, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active label, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked label, - button.suggested-action.flat:backdrop:checked { - color: #d6e5ec; } - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: #c9c9c9; - background-image: none; - background-color: #fafafa; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:disabled GtkLabel, - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled GtkLabel, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled GtkLabel, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled GtkLabel, - button.suggested-action.flat:backdrop:disabled { - color: #d1d1d1; } - .button.suggested-action:backdrop:disabled label, - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled label, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled label, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled label, - button.suggested-action.flat:backdrop:disabled { - color: #d1d1d1; } - .button.suggested-action:backdrop:disabled:active, - .button.suggested-action:backdrop:disabled:checked, - .button.suggested-action.flat:backdrop:disabled:active, - .button.suggested-action.flat:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { - border-color: #4d9fc5; - background-image: none; - background-color: #4d9fc5; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action:backdrop:disabled:active label, - .button.suggested-action:backdrop:disabled:checked label, - .button.suggested-action.flat:backdrop:disabled:active label, - .button.suggested-action.flat:backdrop:disabled:checked label, - button.suggested-action:backdrop:disabled:active label, - button.suggested-action:backdrop:disabled:checked label, - button.suggested-action.flat:backdrop:disabled:active label, - button.suggested-action.flat:backdrop:disabled:checked label { - color: #8bc1d9; } - .button.suggested-action.flat:backdrop, - .button.suggested-action.flat:disabled, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(68, 154, 194, 0.8); } - .button.suggested-action:disabled, - button.suggested-action:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .button.suggested-action:disabled GtkLabel, - .button.suggested-action:disabled, - button.suggested-action:disabled GtkLabel, - button.suggested-action:disabled { - color: #afafaf; } - .button.suggested-action:disabled label, - .button.suggested-action:disabled, - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: #afafaf; } - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - border-color: #215065; - background-image: none; - background-color: #4d9fc5; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action:disabled:active GtkLabel, - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked GtkLabel, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active GtkLabel, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked GtkLabel, - button.suggested-action:disabled:checked { - color: #b8d9e8; } - .button.suggested-action:disabled:active label, - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked label, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active label, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked label, - button.suggested-action:disabled:checked { - color: #b8d9e8; } - .osd - .button.suggested-action, .osd - button.suggested-action { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:hover, .osd - button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:active:backdrop, .osd - .button.suggested-action:active, .osd - .button.suggested-action:checked:backdrop, .osd - .button.suggested-action:checked, .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #449ac2); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:disabled:backdrop, .osd - .button.suggested-action:disabled, .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - .button.suggested-action:backdrop, .osd - button.suggested-action:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.button.destructive-action, -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #9f1409; - background-image: linear-gradient(to bottom, #f34235, #f22b1d); - text-shadow: 0 1px rgba(0, 0, 0, 0.53569); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action.flat, - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #f34235; } - .button.destructive-action:hover, - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #9f1409; - background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022); - text-shadow: 0 1px rgba(0, 0, 0, 0.48769); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .button.destructive-action:active, - .button.destructive-action:checked, - button.destructive-action:active, - button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #9f1409; - background-image: linear-gradient(to bottom, #f12213, #f2392b); - text-shadow: 0 1px rgba(0, 0, 0, 0.61569); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - border-color: #f34235; - background-image: linear-gradient(to bottom, #f34235); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop GtkLabel, - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop GtkLabel, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop GtkLabel, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop GtkLabel, - button.destructive-action.flat:backdrop { - color: #fdd9d7; } - .button.destructive-action:backdrop label, - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop label, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop label, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop label, - button.destructive-action.flat:backdrop { - color: #fdd9d7; } - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - border-color: #e71d0e; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action:backdrop:active GtkLabel, - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked GtkLabel, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active GtkLabel, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked GtkLabel, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active GtkLabel, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked GtkLabel, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active GtkLabel, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked GtkLabel, - button.destructive-action.flat:backdrop:checked { - color: #fad2cf; } - .button.destructive-action:backdrop:active label, - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked label, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active label, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked label, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active label, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked label, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active label, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked label, - button.destructive-action.flat:backdrop:checked { - color: #fad2cf; } - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: #c9c9c9; - background-image: none; - background-color: #fafafa; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:disabled GtkLabel, - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled GtkLabel, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled GtkLabel, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled GtkLabel, - button.destructive-action.flat:backdrop:disabled { - color: #d1d1d1; } - .button.destructive-action:backdrop:disabled label, - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled label, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled label, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled label, - button.destructive-action.flat:backdrop:disabled { - color: #d1d1d1; } - .button.destructive-action:backdrop:disabled:active, - .button.destructive-action:backdrop:disabled:checked, - .button.destructive-action.flat:backdrop:disabled:active, - .button.destructive-action.flat:backdrop:disabled:checked, - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { - border-color: #f4473b; - background-image: none; - background-color: #f4473b; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action:backdrop:disabled:active label, - .button.destructive-action:backdrop:disabled:checked label, - .button.destructive-action.flat:backdrop:disabled:active label, - .button.destructive-action.flat:backdrop:disabled:checked label, - button.destructive-action:backdrop:disabled:active label, - button.destructive-action:backdrop:disabled:checked label, - button.destructive-action.flat:backdrop:disabled:active label, - button.destructive-action.flat:backdrop:disabled:checked label { - color: #f88780; } - .button.destructive-action.flat:backdrop, - .button.destructive-action.flat:disabled, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(243, 66, 53, 0.8); } - .button.destructive-action:disabled, - button.destructive-action:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .button.destructive-action:disabled GtkLabel, - .button.destructive-action:disabled, - button.destructive-action:disabled GtkLabel, - button.destructive-action:disabled { - color: #afafaf; } - .button.destructive-action:disabled label, - .button.destructive-action:disabled, - button.destructive-action:disabled label, - button.destructive-action:disabled { - color: #afafaf; } - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - border-color: #9f1409; - background-image: none; - background-color: #f4473b; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action:disabled:active GtkLabel, - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked GtkLabel, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active GtkLabel, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked GtkLabel, - button.destructive-action:disabled:checked { - color: #fbb5b1; } - .button.destructive-action:disabled:active label, - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked label, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active label, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked label, - button.destructive-action:disabled:checked { - color: #fbb5b1; } - .osd - .button.destructive-action, .osd - button.destructive-action { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:hover, .osd - button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:active:backdrop, .osd - .button.destructive-action:active, .osd - .button.destructive-action:checked:backdrop, .osd - .button.destructive-action:checked, .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #f34235); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:disabled:backdrop, .osd - .button.destructive-action:disabled, .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - .button.destructive-action:backdrop, .osd - button.destructive-action:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.stack-switcher > -.button, .stack-switcher > -button { - outline-offset: -3px; } - .stack-switcher > - .button > label, .stack-switcher > - button > label { - padding-left: 6px; - padding-right: 6px; } - .stack-switcher > - .button > image, .stack-switcher > - button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - .stack-switcher > - .button.text-button, .stack-switcher > - button.text-button { - padding-left: 10px; - padding-right: 10px; } - .stack-switcher > - .button.image-button, .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, .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; } -.inline-toolbar -.button, .inline-toolbar -.button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop { - border-radius: 2px; - border-width: 1px; } -.primary-toolbar -.button, .primary-toolbar -button { - -gtk-icon-shadow: none; } - -.stack-switcher > -.button.needs-attention > label, -.stack-switcher > -.button.needs-attention > image, .stack-switcher > -button.needs-attention > label, -.stack-switcher > -button.needs-attention > image, .sidebar .list-row.needs-attention > label, -.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label, -stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > - .button.needs-attention > label:backdrop, - .stack-switcher > - .button.needs-attention > image:backdrop, .stack-switcher > - button.needs-attention > label:backdrop, - .stack-switcher > - button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop, - .sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop, - stacksidebar row.needs-attention > label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > - .button.needs-attention > label:dir(rtl), - .stack-switcher > - .button.needs-attention > image:dir(rtl), .stack-switcher > - button.needs-attention > label:dir(rtl), - .stack-switcher > - button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl), - .sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl), - stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar toolbutton > button { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:hover { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled { - color: #afafaf; } - .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #afafaf; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked { - color: #afafaf; } - .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: #afafaf; } - .inline-toolbar toolbutton > button:backdrop { - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #f7f7f7); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { - color: #afafaf; } - .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #afafaf; } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #c9c9c9; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { - color: #afafaf; } - .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #afafaf; } - .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #c9c9c9; - background-image: none; - background-color: #fafafa; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #d1d1d1; } - .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #d1d1d1; } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #c9c9c9; - background-image: none; - background-color: #ededed; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: #d1d1d1; } - -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar -.button, .inline-toolbar -.button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop, .linked > -.button, .linked > -.button:hover, .linked > -.button:active, .linked > -.button:checked, .linked > -.button:backdrop, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > -.entry, .linked:not(.vertical) > -entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.inline-toolbar -.button:first-child, .inline-toolbar -button:first-child, .linked > -.button:first-child, .linked > -button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(rtl), -combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -.entry:first-child, .linked:not(.vertical) > -entry:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } -.inline-toolbar -.button:last-child, .inline-toolbar -button:last-child, .linked > -.button:last-child, .linked > -button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(ltr), -combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -.entry:last-child, .linked:not(.vertical) > -entry:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; } -.inline-toolbar -.button:only-child, .inline-toolbar -button:only-child, .linked > -.button:only-child, .linked > -button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -.entry:only-child, .linked:not(.vertical) > -entry:only-child { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > -.button, .linked.vertical > -.button:hover, .linked.vertical > -.button:active, .linked.vertical > -.button:checked, .linked.vertical > -.button:backdrop, .linked.vertical > -button, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop, .linked.vertical > .spinbutton:not(.vertical), -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > -.entry, .linked.vertical > -entry, .linked.vertical > combobox > box > button.combo { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > -.button:first-child, .linked.vertical > -button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > -.entry:first-child, .linked.vertical > -entry:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -.linked.vertical > -.button:last-child, .linked.vertical > -button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > -.entry:last-child, .linked.vertical > -entry:last-child { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; } -.linked.vertical > -.button:only-child, .linked.vertical > -button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > -.entry:only-child, .linked.vertical > -entry:only-child { - border-radius: 3px; - border-style: solid; } - -modelbutton.flat, .popover.background .check, -.popover.background checkbutton, -.popover.background .radio, -.popover.background radiobutton, -popover.background .check, -popover.background checkbutton, -popover.background .radio, -popover.background radiobutton, -.menuitem.button.flat, modelbutton.flat:backdrop, -popover.background checkbutton:backdrop, -popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, .popover.background .check:backdrop:hover, -.popover.background checkbutton:backdrop:hover, -.popover.background .radio:backdrop:hover, -.popover.background radiobutton:backdrop:hover, -popover.background .check:backdrop:hover, -popover.background checkbutton:backdrop:hover, -popover.background .radio:backdrop:hover, -popover.background radiobutton:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, GtkCalendar.button, -calendar.button, GtkCalendar.button:hover, -calendar.button:hover, GtkCalendar.button:backdrop, -calendar.button:backdrop, GtkCalendar.button:disabled, -calendar.button:disabled, button:link, -.button:link, -button:visited, -.button:visited, button:link:hover, button:link:active, button:link:checked, -.button:link:hover, -.button:link:active, -.button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, -.button:visited:hover, -.button:visited:active, -.button:visited:checked, .scale-popup .button:hover, -.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:disabled, .scale-popup .button:backdrop, -.scale-popup button:backdrop:hover, -.scale-popup button:backdrop:disabled, -.scale-popup button:backdrop { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat, .popover.background .check, -.popover.background checkbutton, -.popover.background .radio, -.popover.background radiobutton, -popover.background .check, -popover.background checkbutton, -popover.background .radio, -popover.background radiobutton, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 3px; - outline-offset: -2px; } - modelbutton.flat:hover, .popover.background .check:hover, - .popover.background checkbutton:hover, - .popover.background .radio:hover, - .popover.background radiobutton:hover, - popover.background .check:hover, - popover.background checkbutton:hover, - popover.background .radio:hover, - popover.background radiobutton:hover, - .menuitem.button.flat:hover { - background-color: white; } - modelbutton.flat check:last-child, .popover.background .check check:last-child, - .popover.background checkbutton check:last-child, - .popover.background .radio check:last-child, - .popover.background radiobutton check:last-child, - popover.background .check check:last-child, - popover.background checkbutton check:last-child, - popover.background .radio check:last-child, - popover.background radiobutton check:last-child, - modelbutton.flat radio:last-child, - .popover.background .check radio:last-child, - .popover.background checkbutton radio:last-child, - .popover.background .radio radio:last-child, - .popover.background radiobutton radio:last-child, - popover.background .check radio:last-child, - popover.background checkbutton radio:last-child, - popover.background .radio radio:last-child, - popover.background radiobutton radio:last-child, - .menuitem.button.flat check:last-child, - .menuitem.button.flat radio:last-child { - margin-left: 8px; } - modelbutton.flat check:first-child, .popover.background .check check:first-child, - .popover.background checkbutton check:first-child, - .popover.background .radio check:first-child, - .popover.background radiobutton check:first-child, - popover.background .check check:first-child, - popover.background checkbutton check:first-child, - popover.background .radio check:first-child, - popover.background radiobutton check:first-child, - modelbutton.flat radio:first-child, - .popover.background .check radio:first-child, - .popover.background checkbutton radio:first-child, - .popover.background .radio radio:first-child, - .popover.background radiobutton radio:first-child, - popover.background .check radio:first-child, - popover.background checkbutton radio:first-child, - popover.background .radio radio:first-child, - popover.background radiobutton radio:first-child, - .menuitem.button.flat check:first-child, - .menuitem.button.flat radio:first-child { - margin-right: 8px; } - -modelbutton.flat arrow, .popover.background .check arrow, -.popover.background checkbutton arrow, -.popover.background .radio arrow, -.popover.background radiobutton arrow, -popover.background .check arrow, -popover.background checkbutton arrow, -popover.background .radio arrow, -popover.background radiobutton arrow { - background: none; } - modelbutton.flat arrow:hover, .popover.background .check arrow:hover, - .popover.background checkbutton arrow:hover, - .popover.background .radio arrow:hover, - .popover.background radiobutton arrow:hover, - popover.background .check arrow:hover, - popover.background checkbutton arrow:hover, - popover.background .radio arrow:hover, - popover.background radiobutton arrow:hover { - background: none; } - modelbutton.flat arrow.left, .popover.background .check arrow.left, - .popover.background checkbutton arrow.left, - .popover.background .radio arrow.left, - .popover.background radiobutton arrow.left, - popover.background .check arrow.left, - popover.background checkbutton arrow.left, - popover.background .radio arrow.left, - popover.background radiobutton arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, .popover.background .check arrow.right, - .popover.background checkbutton arrow.right, - .popover.background .radio arrow.right, - .popover.background radiobutton arrow.right, - popover.background .check arrow.right, - popover.background checkbutton arrow.right, - popover.background .radio arrow.right, - popover.background radiobutton arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -button.color { - padding: 4px; } - button.color colorswatch:only-child { - box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop { - box-shadow: none; } - -/************ - * Calendar * - ***********/ -GtkCalendar, -calendar { - color: #666666; - border: 1px solid #c4c4c4; } - GtkCalendar:selected, - calendar:selected { - border-radius: 3px; } - GtkCalendar.header, - calendar.header { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0; } - GtkCalendar.header:backdrop, - calendar.header:backdrop { - border-color: rgba(0, 0, 0, 0.1); } - GtkCalendar.button, - calendar.button { - color: rgba(102, 102, 102, 0.45); } - GtkCalendar.button:hover, - calendar.button:hover { - color: #666666; } - GtkCalendar.button:backdrop, - calendar.button:backdrop { - color: rgba(175, 175, 175, 0.45); } - GtkCalendar.button:disabled, - calendar.button:disabled { - color: rgba(175, 175, 175, 0.45); } - GtkCalendar:indeterminate, GtkCalendar:indeterminate:backdrop, - calendar:indeterminate, - calendar:indeterminate:backdrop { - color: alpha(currentColor,0.55); } - GtkCalendar.highlight, GtkCalendar.highlight:backdrop, - calendar.highlight, - calendar.highlight:backdrop { - font-size: smaller; - color: #666666; } - GtkCalendar:backdrop, - calendar:backdrop { - color: #848484; - border-color: #c9c9c9; } - -/************************* - * Check and Radio Items * - *************************/ -check, -.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); - -gtk-icon-shadow: none; } - -radio, -.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); - -gtk-icon-shadow: none; } - -check:hover, -.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:hover, -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -check:active, -.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -radio:active, -.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -check:backdrop, -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:backdrop, -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive, -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive, -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:backdrop, -.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:backdrop, -.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:checked, -.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); - -gtk-icon-shadow: none; } - -radio:checked, -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); - -gtk-icon-shadow: none; } - -check:checked:hover, -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:hover, -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -check:checked:active, -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:active, -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); - -gtk-icon-shadow: none; } - -check:checked:backdrop, -.check:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:backdrop, -.radio:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive, -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive, -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:backdrop, -.check:checked:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-backdrop.png"), url("assets/checkbox-checked-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:backdrop, -.radio:checked:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-backdrop.png"), url("assets/radio-checked-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent, -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent, -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:hover, -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:hover, -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:active, -.check:inconsistent:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:active, -.radio:inconsistent:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:backdrop, -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:backdrop, -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive, -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive, -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:backdrop, -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-backdrop.png"), url("assets/checkbox-mixed-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:backdrop, -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-backdrop.png"), url("assets/radio-mixed-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:selected, -.check:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); - -gtk-icon-shadow: none; } - -radio:selected, -.radio:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); - -gtk-icon-shadow: none; } - -check:hover:selected, -.check:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:hover:selected, -.radio:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -check:active:selected, -.check:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -radio:active:selected, -.radio:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -check:backdrop:selected, -.check:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:backdrop:selected, -.radio:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:selected, -.check:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:selected, -.radio:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:backdrop:selected, -.check:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:backdrop:selected, -.radio:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:checked:selected, -.check:checked:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:selected, -.radio:checked:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); - -gtk-icon-shadow: none; } - -check:checked:hover:selected, -.check:checked:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:hover:selected, -.radio:checked:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -check:checked:active:selected, -.check:checked:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:active:selected, -.radio:checked:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); - -gtk-icon-shadow: none; } - -check:checked:backdrop:selected, -.check:checked:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:backdrop:selected, -.radio:checked:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:selected, -.check:checked:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:selected, -.radio:checked:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:backdrop:selected, -.check:checked:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-backdrop.png"), url("assets/selected-checkbox-checked-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:backdrop:selected, -.radio:checked:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-backdrop.png"), url("assets/selected-radio-checked-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:selected, -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:selected, -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:hover:selected, -.check:inconsistent:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:hover:selected, -.radio:inconsistent:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:active:selected, -.check:inconsistent:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:active:selected, -.radio:inconsistent:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:backdrop:selected, -.check:inconsistent:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:backdrop:selected, -.radio:inconsistent:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:selected, -.check:inconsistent:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:selected, -.radio:inconsistent:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:backdrop:selected, -.check:inconsistent:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-backdrop.png"), url("assets/selected-checkbox-mixed-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:backdrop:selected, -.radio:inconsistent:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-backdrop.png"), url("assets/selected-radio-mixed-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check, GtkIconView.content-view check, -iconview.content-view check, -.view.content-view.check, -GtkIconView.content-view.check, -iconview.content-view.check { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio, GtkIconView.content-view radio, -iconview.content-view radio, -.view.content-view.radio, -GtkIconView.content-view.radio, -iconview.content-view.radio { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked.png"), url("assets/radio-unchecked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:hover, GtkIconView.content-view check:hover, -iconview.content-view check:hover, -.view.content-view.check:hover, -GtkIconView.content-view.check:hover, -iconview.content-view.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:hover, GtkIconView.content-view radio:hover, -iconview.content-view radio:hover, -.view.content-view.radio:hover, -GtkIconView.content-view.radio:hover, -iconview.content-view.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:active, GtkIconView.content-view check:active, -iconview.content-view check:active, -.view.content-view.check:active, -GtkIconView.content-view.check:active, -iconview.content-view.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:active, GtkIconView.content-view radio:active, -iconview.content-view radio:active, -.view.content-view.radio:active, -GtkIconView.content-view.radio:active, -iconview.content-view.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, -iconview.content-view check:backdrop, -.view.content-view.check:backdrop, -GtkIconView.content-view.check:backdrop, -iconview.content-view.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, -iconview.content-view radio:backdrop, -.view.content-view.radio:backdrop, -GtkIconView.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive, GtkIconView.content-view check:insensitive, -iconview.content-view check:insensitive, -.view.content-view.check:insensitive, -GtkIconView.content-view.check:insensitive, -iconview.content-view.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive, -iconview.content-view radio:insensitive, -.view.content-view.radio:insensitive, -GtkIconView.content-view.radio:insensitive, -iconview.content-view.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop, -iconview.content-view check:insensitive:backdrop, -.view.content-view.check:insensitive:backdrop, -GtkIconView.content-view.check:insensitive:backdrop, -iconview.content-view.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop, -iconview.content-view radio:insensitive:backdrop, -.view.content-view.radio:insensitive:backdrop, -GtkIconView.content-view.radio:insensitive:backdrop, -iconview.content-view.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check, GtkIconView.content-view check, -iconview.content-view check, -.view.content-view.check, -GtkIconView.content-view.check, -iconview.content-view.check { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked.png"), url("assets/checkbox-checked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio, GtkIconView.content-view radio, -iconview.content-view radio, -.view.content-view.radio, -GtkIconView.content-view.radio, -iconview.content-view.radio { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked.png"), url("assets/radio-checked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:hover, GtkIconView.content-view check:hover, -iconview.content-view check:hover, -.view.content-view.check:hover, -GtkIconView.content-view.check:hover, -iconview.content-view.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:hover, GtkIconView.content-view radio:hover, -iconview.content-view radio:hover, -.view.content-view.radio:hover, -GtkIconView.content-view.radio:hover, -iconview.content-view.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:active, GtkIconView.content-view check:active, -iconview.content-view check:active, -.view.content-view.check:active, -GtkIconView.content-view.check:active, -iconview.content-view.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:active, GtkIconView.content-view radio:active, -iconview.content-view radio:active, -.view.content-view.radio:active, -GtkIconView.content-view.radio:active, -iconview.content-view.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-active.png"), url("assets/radio-checked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, -iconview.content-view check:backdrop, -.view.content-view.check:backdrop, -GtkIconView.content-view.check:backdrop, -iconview.content-view.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, -iconview.content-view radio:backdrop, -.view.content-view.radio:backdrop, -GtkIconView.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive, GtkIconView.content-view check:insensitive, -iconview.content-view check:insensitive, -.view.content-view.check:insensitive, -GtkIconView.content-view.check:insensitive, -iconview.content-view.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive, -iconview.content-view radio:insensitive, -.view.content-view.radio:insensitive, -GtkIconView.content-view.radio:insensitive, -iconview.content-view.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop, -iconview.content-view check:insensitive:backdrop, -.view.content-view.check:insensitive:backdrop, -GtkIconView.content-view.check:insensitive:backdrop, -iconview.content-view.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop, -iconview.content-view radio:insensitive:backdrop, -.view.content-view.radio:insensitive:backdrop, -GtkIconView.content-view.radio:insensitive:backdrop, -iconview.content-view.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.check.text-button, .radio.text-button, -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child, - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child, - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check, -.check, -radio, -.radio { - margin: 0 4px; } - .menu .menuitem check, menu menuitem check, .menu .menuitem - .check, menu menuitem - .check, .menu .menuitem - radio, menu menuitem - radio, .menu .menuitem - .radio, menu menuitem - .radio { - margin: 0; } - -menu menuitem check:not(:indeterminate):checked, -menu menuitem radio:not(:indeterminate):checked, -menu menuitem check:indeterminate:checked:active, -menu menuitem radio:indeterminate:checked { - animation: none; } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #666666; - border-color: #347d9f; } -treeview.view check:selected:disabled, -treeview.view radio:selected:disabled { - color: #afafaf; } - treeview.view check:selected:disabled:backdrop, - treeview.view radio:selected:disabled:backdrop { - color: #d1d1d1; } -treeview.view check:backdrop:selected, treeview.view check:backdrop, -treeview.view radio:backdrop:selected, -treeview.view radio:backdrop { - color: #afafaf; } - -/***************** - * Color Chooser * - *****************/ -GtkColorSwatch, GtkColorSwatch:drop(active), -colorswatch, -colorswatch:drop(active) { - border-style: none; } -GtkColorSwatch.top, -colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - GtkColorSwatch.top overlay, - colorswatch.top overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } -GtkColorSwatch.bottom, -colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - GtkColorSwatch.bottom overlay, - colorswatch.bottom overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } -GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top), -colorswatch.left, -colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay, - colorswatch.left overlay, - colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } -GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom), -colorswatch.right, -colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay, - colorswatch.right overlay, - colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } -GtkColorSwatch.dark overlay, -colorswatch.dark overlay { - color: #ffffff; } - GtkColorSwatch.dark overlay:hover, - colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.8); } - GtkColorSwatch.dark overlay:backdrop, - colorswatch.dark overlay:backdrop { - color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.light overlay, -colorswatch.light overlay { - color: #666666; } - GtkColorSwatch.light overlay:hover, - colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.5); } - GtkColorSwatch.light overlay:backdrop, - colorswatch.light overlay:backdrop { - color: #848484; } -GtkColorSwatch:drop(active), -colorswatch:drop(active) { - box-shadow: none; } - GtkColorSwatch:drop(active).light overlay, - colorswatch:drop(active).light overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } - GtkColorSwatch:drop(active).dark overlay, - colorswatch:drop(active).dark overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } -GtkColorSwatch overlay, -colorswatch overlay { - box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7); - border: 1px solid rgba(0, 0, 0, 0.3); } - GtkColorSwatch overlay:hover, - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } - GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover, - colorswatch overlay:backdrop, - colorswatch overlay:backdrop:hover { - border-color: rgba(0, 0, 0, 0.3); - box-shadow: none; } -GtkColorSwatch#add-color-button, -colorswatch#add-color-button { - border-radius: 5px 5px 0 0; } - GtkColorSwatch#add-color-button:only-child, - colorswatch#add-color-button:only-child { - border-radius: 5px; } - GtkColorSwatch#add-color-button overlay, - colorswatch#add-color-button overlay { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - GtkColorSwatch#add-color-button overlay:hover, - colorswatch#add-color-button overlay:hover { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop { - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #f7f7f7); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop GtkLabel, - colorswatch#add-color-button overlay:backdrop { - color: #afafaf; } - GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop label, - colorswatch#add-color-button overlay:backdrop { - color: #afafaf; } -GtkColorSwatch:disabled, -colorswatch:disabled { - opacity: 0.5; } - GtkColorSwatch:disabled overlay, - colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } -row:selected GtkColorSwatch, row:selected -colorswatch { - box-shadow: 0 0 0 2px #ffffff; } -GtkColorSwatch#editor-color-sample, -colorswatch#editor-color-sample { - border-radius: 4px; } - GtkColorSwatch#editor-color-sample overlay, - colorswatch#editor-color-sample overlay { - border-radius: 4.5px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox arrow, -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } -GtkComboBox:drop(active), -combobox:drop(active) { - box-shadow: none; } - -/****************** - * Combobox Entry * - ******************/ -.combobox-entry button, -.combobox-entry .button { - box-shadow: none; } - .combobox-entry button:first-child, - .combobox-entry .button:first-child { - border-radius: 4px 0 0 4px; - border-right-width: 0; } - .combobox-entry button:last-child, - .combobox-entry .button:last-child { - border-radius: 0 4px 4px 0; } -.combobox-entry entry, -.combobox-entry .entry { - box-shadow: none; } - .combobox-entry entry:first-child, - .combobox-entry .entry:first-child { - border-radius: 4px 0 0 4px; - border-right-width: 0; } - .combobox-entry entry:last-child, - .combobox-entry .entry:last-child { - border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; } - -/*********** - * Dialogs * - ***********/ -.message-dialog .titlebar, -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #f7f7f7; - border-style: none; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .message-dialog .titlebar:backdrop, - messagedialog .titlebar:backdrop { - background-color: #f7f7f7; } -.message-dialog.csd, -messagedialog.csd { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); } - .message-dialog.csd.background, - messagedialog.csd.background { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - .message-dialog.csd .dialog-action-area .button, - .message-dialog.csd .dialog-action-area button, - messagedialog.csd .dialog-action-area .button, - messagedialog.csd .dialog-action-area button { - padding: 10px 14px; - border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } - .message-dialog.csd .dialog-action-area .button:first-child, - .message-dialog.csd .dialog-action-area button:first-child, - messagedialog.csd .dialog-action-area .button:first-child, - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 4px; } - .message-dialog.csd .dialog-action-area .button:last-child, - .message-dialog.csd .dialog-action-area button:last-child, - messagedialog.csd .dialog-action-area .button:last-child, - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 4px; } - -GtkFileChooserDialog, -filechooser { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkFileChooserDialog .dialog-action-box, - filechooser .dialog-action-box { - border-top: 1px solid #c4c4c4; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkFileChooserDialog .dialog-action-box:backdrop, - filechooser .dialog-action-box:backdrop { - border-top-color: #c9c9c9; } - GtkFileChooserDialog #pathbarbox, - filechooser #pathbarbox { - border-bottom: 1px solid #f7f7f7; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/**************** - * Text Entries * - ****************/ -.spinbutton:not(.vertical), -spinbutton:not(.vertical), -.entry, -entry { - min-height: 20px; - padding: 4px 6px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #666666; - border-color: #c4c4c4; - background-color: #ffffff; - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } - .spinbutton:not(.vertical) GtkImage.left, - spinbutton:not(.vertical) GtkImage.left, - .spinbutton:not(.vertical) image.left, - spinbutton:not(.vertical) image.left, - .entry GtkImage.left, - .entry image.left, - entry GtkImage.left, - entry image.left { - padding-left: 0; - padding-right: 6px; } - .spinbutton:not(.vertical) GtkImage.right, - spinbutton:not(.vertical) GtkImage.right, - .spinbutton:not(.vertical) image.right, - spinbutton:not(.vertical) image.right, - .entry GtkImage.right, - .entry image.right, - entry GtkImage.right, - entry image.right { - padding-left: 6px; - padding-right: 0; } - .spinbutton:not(.vertical) undershoot.left, - spinbutton:not(.vertical) undershoot.left, - .entry undershoot.left, - entry 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; - box-shadow: none; } - .spinbutton:not(.vertical) undershoot.right, - spinbutton:not(.vertical) undershoot.right, - .entry undershoot.right, - entry 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; - box-shadow: none; } - .flat.spinbutton:focus:not(.vertical), - spinbutton.flat:focus:not(.vertical), .flat.spinbutton:not(.vertical), - spinbutton.flat:not(.vertical), - .entry.flat:focus, - .entry.flat, - entry.flat:focus, - entry.flat { - min-height: 0; - padding: 2px; - background-image: none; - border-color: transparent; - border-radius: 0; } - .spinbutton:focus:not(.vertical), - spinbutton:focus:not(.vertical), - .entry:focus, - entry:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #449ac2; } - .spinbutton:insensitive:not(.vertical), - spinbutton:insensitive:not(.vertical), - .entry:insensitive, - entry:insensitive { - color: #afafaf; - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #fafafa); - box-shadow: none; } - .spinbutton:disabled:not(.vertical), - spinbutton:disabled:not(.vertical), - .entry:disabled, - entry:disabled { - color: #afafaf; - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #fafafa); - box-shadow: none; } - .spinbutton:backdrop:not(.vertical), - spinbutton:backdrop:not(.vertical), - .entry:backdrop, - entry:backdrop { - color: #848484; - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #fcfcfc); - box-shadow: none; - transition: 200ms ease-out; } - .spinbutton:backdrop:insensitive:not(.vertical), - spinbutton:backdrop:insensitive:not(.vertical), - .entry:backdrop:insensitive, - entry:backdrop:insensitive { - color: #d1d1d1; - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #fafafa); - box-shadow: none; } - .spinbutton:backdrop:disabled:not(.vertical), - spinbutton:backdrop:disabled:not(.vertical), - .entry:backdrop:disabled, - entry:backdrop:disabled { - color: #d1d1d1; - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #fafafa); - box-shadow: none; } - .error.spinbutton:not(.vertical), - spinbutton.error:not(.vertical), - .entry.error, - entry.error { - color: #f34235; - border-color: #f34235; } - .error.spinbutton:focus:not(.vertical), - spinbutton.error:focus:not(.vertical), - .entry.error:focus, - entry.error:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #f34235; } - .error.spinbutton:selected:focus:not(.vertical), - spinbutton.error:selected:focus:not(.vertical), .error.spinbutton:selected:not(.vertical), - spinbutton.error:selected:not(.vertical), - .entry.error:selected:focus, - .entry.error:selected, - entry.error:selected:focus, - entry.error:selected { - background-color: #f34235; } - .warning.spinbutton:not(.vertical), - spinbutton.warning:not(.vertical), - .entry.warning, - entry.warning { - color: #feea3a; - border-color: #feea3a; } - .warning.spinbutton:focus:not(.vertical), - spinbutton.warning:focus:not(.vertical), - .entry.warning:focus, - entry.warning:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #feea3a; } - .warning.spinbutton:selected:focus:not(.vertical), - spinbutton.warning:selected:focus:not(.vertical), .warning.spinbutton:selected:not(.vertical), - spinbutton.warning:selected:not(.vertical), - .entry.warning:selected:focus, - .entry.warning:selected, - entry.warning:selected:focus, - entry.warning:selected { - background-color: #feea3a; } - .spinbutton:not(.vertical) GtkImage, - spinbutton:not(.vertical) GtkImage, - .spinbutton:not(.vertical) image, - spinbutton:not(.vertical) image, - .entry GtkImage, - .entry image, - entry GtkImage, - entry image { - color: #858585; } - .spinbutton:not(.vertical) GtkImage:hover, - spinbutton:not(.vertical) GtkImage:hover, - .spinbutton:not(.vertical) image:hover, - spinbutton:not(.vertical) image:hover, - .entry GtkImage:hover, - .entry image:hover, - entry GtkImage:hover, - entry image:hover { - color: #666666; } - .spinbutton:not(.vertical) GtkImage:active, - spinbutton:not(.vertical) GtkImage:active, - .spinbutton:not(.vertical) image:active, - spinbutton:not(.vertical) image:active, - .entry GtkImage:active, - .entry image:active, - entry GtkImage:active, - entry image:active { - color: #449ac2; } - .spinbutton:not(.vertical) GtkImage:backdrop, - spinbutton:not(.vertical) GtkImage:backdrop, - .spinbutton:not(.vertical) image:backdrop, - spinbutton:not(.vertical) image:backdrop, - .entry GtkImage:backdrop, - .entry image:backdrop, - entry GtkImage:backdrop, - entry image:backdrop { - color: #bebebe; } - .spinbutton:drop(active):focus:not(.vertical), - spinbutton:drop(active):focus:not(.vertical), .spinbutton:drop(active):not(.vertical), - spinbutton:drop(active):not(.vertical), - .entry:drop(active):focus, - .entry:drop(active), - entry:drop(active):focus, - entry:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } - .osd .spinbutton:not(.vertical), - .osd spinbutton:not(.vertical), .osd - .entry, .osd - entry { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .spinbutton:focus:not(.vertical), - .osd spinbutton:focus:not(.vertical), .osd - .entry:focus, .osd - entry:focus { - color: white; - border-color: #449ac2; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .spinbutton:backdrop:not(.vertical), - .osd spinbutton:backdrop:not(.vertical), .osd - .entry:backdrop, .osd - entry:backdrop { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .spinbutton:disabled:not(.vertical), - .osd spinbutton:disabled:not(.vertical), .osd - .entry:disabled, .osd - entry:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.spinbutton:not(.vertical) .progressbar, -spinbutton:not(.vertical) .progressbar, -.spinbutton:not(.vertical) progress, -spinbutton:not(.vertical) progress, -.entry .progressbar, -.entry progress, -entry .progressbar, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #449ac2; - border-style: solid; - box-shadow: none; } - .spinbutton:not(.vertical) .progressbar:backdrop, - spinbutton:not(.vertical) .progressbar:backdrop, - .spinbutton:not(.vertical) progress:backdrop, - spinbutton:not(.vertical) progress:backdrop, - .entry .progressbar:backdrop, - .entry progress:backdrop, - entry .progressbar:backdrop, - entry progress:backdrop { - background-color: transparent; } -.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -.entry:focus + .spinbutton:not(.vertical), -.linked:not(.vertical) > .entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -.entry:focus + button, .linked:not(.vertical) > -.entry:focus + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus + .spinbutton:not(.vertical), -.linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus + button, .linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + -.entry, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -.entry, .linked:not(.vertical) > -.entry:focus + -.entry, .linked:not(.vertical) > -entry:focus + -.entry, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + -entry, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > -.entry:focus + -entry, .linked:not(.vertical) > -entry:focus + -entry { - border-left-color: #449ac2; } -.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -.entry:drop(active) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -.entry:drop(active) + button, .linked:not(.vertical) > -.entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > -entry:drop(active) + .spinbutton:not(.vertical), -.linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:drop(active) + button, .linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + -.entry, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -.entry, .linked:not(.vertical) > -.entry:drop(active) + -.entry, .linked:not(.vertical) > -entry:drop(active) + -.entry, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + -entry, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > -.entry:drop(active) + -entry, .linked:not(.vertical) > -entry:drop(active) + -entry { - border-left-color: #4e9a06; } -.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -.entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -.entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #ededed; - background-image: linear-gradient(to bottom, #ffffff); } - .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - .entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - .entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #ededed; - background-image: linear-gradient(to bottom, #fcfcfc); } -.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled, -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled, -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -.entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -.entry:disabled + entry:disabled, .linked.vertical > -.entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -.entry:disabled + entry:disabled, .linked.vertical > -entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled, .linked.vertical > -entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled { - border-top-color: #ededed; } -.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + entry:focus:not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > -.entry + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -.entry + entry:focus:not(:only-child), .linked.vertical > -entry + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus:not(:only-child) { - border-top-color: #449ac2; } -.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + entry:drop(active):not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > -.entry + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -.entry + entry:drop(active):not(:only-child), .linked.vertical > -entry + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:drop(active):not(:only-child) { - border-top-color: #4e9a06; } -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -.entry:focus:not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > .entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -.entry:focus:not(:only-child) + entry, -.linked.vertical > -.entry:focus:not(:only-child) + .entry, -.linked.vertical > -.entry:focus:not(:only-child) + button, -.linked.vertical > -.entry:focus:not(:only-child) + .button, -.linked.vertical > -.entry:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > -entry:focus:not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:focus:not(:only-child) + entry, -.linked.vertical > -entry:focus:not(:only-child) + .entry, -.linked.vertical > -entry:focus:not(:only-child) + button, -.linked.vertical > -entry:focus:not(:only-child) + .button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #449ac2; } -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -.entry:drop(active):not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -.entry:drop(active):not(:only-child) + entry, -.linked.vertical > -.entry:drop(active):not(:only-child) + .entry, -.linked.vertical > -.entry:drop(active):not(:only-child) + button, -.linked.vertical > -.entry:drop(active):not(:only-child) + .button, -.linked.vertical > -.entry:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > -entry:drop(active):not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:drop(active):not(:only-child) + entry, -.linked.vertical > -entry:drop(active):not(:only-child) + .entry, -.linked.vertical > -entry:drop(active):not(:only-child) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + .button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #4e9a06; } - -GtkTreeView .acceleditor > label, -treeview acceleditor > label { - background-color: #449ac2; } - -GtkTreeView .entry.flat, GtkTreeView .entry, -treeview entry.flat, -treeview entry { - border-radius: 0; - background-image: none; - background-color: #ffffff; } - GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus, - treeview entry.flat:focus, - treeview entry:focus { - border-color: #449ac2; } - -/************* - * Expanders * - *************/ -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: #b3b3b3; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/**************** - * File chooser * - ****************/ -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #ffffff; } - placessidebar row:disabled, placessidebar row:insensitive { - color: #afafaf; } - placessidebar row:backdrop { - color: #afafaf; } - placessidebar row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - placessidebar row:backdrop:disabled { - color: #d1d1d1; } - placessidebar row GtkImage.sidebar-icon, - placessidebar row image.sidebar-icon { - opacity: 0.7; } - placessidebar row GtkImage.sidebar-icon:dir(ltr), - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar row GtkImage.sidebar-icon:dir(rtl), - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar row GtkLabel.sidebar-label:dir(ltr), - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar row GtkLabel.sidebar-label:dir(rtl), - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#4e9a06); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #449ac2; } - placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } - placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #4e9a06; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -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 row.activatable:hover { - background-color: transparent; } -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; } - -/**************** - * Floating Bar * - ****************/ -.floating-bar { - padding: 2px; - background-color: #f7f7f7; - border-width: 1px; - border-style: solid solid none; - border-color: #c4c4c4; - border-radius: 3px 3px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .floating-bar.bottom.left { - border-left-style: none; - border-top-left-radius: 0; } - .floating-bar.bottom.right { - border-right-style: none; - border-top-right-radius: 0; } - .floating-bar > .button { - padding: 4px; } - .floating-bar:backdrop { - background-color: #f7f7f7; - border-color: #c9c9c9; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #c4c4c4; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #c9c9c9; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #c4c4c4; } - actionbar > revealer > box:backdrop { - border-color: #c9c9c9; } - -GtkScrolledWindow GtkViewport.frame, -GtkScrolledWindow viewport.frame, -scrolledwindow GtkViewport.frame, -scrolledwindow viewport.frame { - border-style: none; } -GtkScrolledWindow overshoot.top, -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.top:backdrop, - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.bottom, -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.bottom:backdrop, - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.left, -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.left:backdrop, - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.right, -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.right:backdrop, - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.top, -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; - box-shadow: none; } -GtkScrolledWindow undershoot.bottom, -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; - box-shadow: none; } -GtkScrolledWindow undershoot.left, -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; - box-shadow: none; } -GtkScrolledWindow undershoot.right, -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; - box-shadow: none; } -GtkScrolledWindow junction, -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #c4c4c4 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #dadada; } - GtkScrolledWindow junction:dir(rtl), - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - GtkScrolledWindow junction:backdrop, - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #c9c9c9 1px, transparent 1px); - background-color: #efefef; - transition: 200ms ease-out; } - -.separator, -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/************ - * Popovers * - ************/ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 8px; - -GraniteWidgetsPopOver-border-width: 0; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid #ffffff; - background: #ffffff; - color: #666666; } - GraniteWidgetsPopOver .button { - background-image: none; - background: none; - border: none; } - GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { - color: #449ac2; } - GraniteWidgetsPopOver > .frame { - border: none; } - GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar, - GraniteWidgetsPopOver iconview.sidebar { - border: none; - background: none; } - -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.popover_bg { - background-color: #ffffff; - background-image: none; - border: 1px solid #ffffff; - color: #666666; } - -/*********** - * Welcome * - **********/ -GraniteWidgetsWelcome { - background-color: #ffffff; } - GraniteWidgetsWelcome GtkLabel { - color: #666666; } - GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(102, 102, 102, 0.8); } - -/************** -* Source List * -***************/ -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; - background-color: #f7f7f7; - border: solid #c4c4c4; - color: #666666; - border-right-width: 1px; } - .source-list .category-expander { - color: transparent; } - .source-list .badge { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - color: #f7f7f7; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { - background-color: rgba(0, 0, 0, 0.2); - color: shade #f7f7f7, 0.95; } - .source-list row, - .source-list .list-row { - border: none; - padding: 0; } - .source-list row > GtkLabel, - .source-list row > label, - .source-list .list-row > GtkLabel, - .source-list .list-row > label { - padding-left: 6px; - padding-right: 6px; } - -/************** -* Storage Bar * -**************/ -.storage-bar .trough { - border: none; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); - background-image: none; - background-color: transparent; - padding: 8px 6px; } -.storage-bar .fill-block { - background-color: #feea3a; - border: none; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); - transition: all 200ms ease-in-out; - padding: 8px 6px; } - .storage-bar .fill-block:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - border-left-width: 1px; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block.empty-block { - background-color: #ffffff; } - .storage-bar .fill-block.app { - background-color: #2095f2; } - .storage-bar .fill-block.audio { - background-color: #fe9700; } - .storage-bar .fill-block.photo { - background-color: #f34235; } - .storage-bar .fill-block.video { - background-color: #9b26af; } - .storage-bar .fill-block .legend { - padding: 12px; - border-radius: 4px; } - -/*************** - * Header Bars * - ***************/ -.titlebar:not(headerbar), -.header-bar, -headerbar { - min-height: 40px; - padding: 0 8px; - border: none; - border-radius: 4px 4px 0 0; - background-color: #636E73; - color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .titlebar:backdrop:not(headerbar), - .header-bar:backdrop, - headerbar:backdrop { - background-color: #636E73; - color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - .header-bar .title, - headerbar .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; - color: #ffffff; } - .titlebar:not(headerbar) .title:backdrop, - .header-bar .title:backdrop, - headerbar .title:backdrop { - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .subtitle, - .header-bar .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - color: #ffffff; } - .selection-mode.titlebar:not(headerbar), - .header-bar.selection-mode, - headerbar.selection-mode { - border-radius: 4px 4px 0 0; - color: #ffffff; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5); - border-color: #347d9f; - background-color: #347D9F; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .selection-mode.titlebar:backdrop:not(headerbar), - .header-bar.selection-mode:backdrop, - headerbar.selection-mode:backdrop { - background-color: #275f79; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, - .header-bar.selection-mode .selection-menu:backdrop, - .header-bar.selection-mode .selection-menu, - headerbar.selection-mode .selection-menu:backdrop, - headerbar.selection-mode .selection-menu { - border-color: rgba(68, 154, 194, 0); - background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0)); - box-shadow: none; - text-shadow: none; - padding-left: 10px; - padding-right: 10px; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu:backdrop GtkArrow, - .header-bar.selection-mode .selection-menu GtkArrow, - headerbar.selection-mode .selection-menu:backdrop GtkArrow, - headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, - .header-bar.selection-mode .selection-menu:backdrop .arrow, - .header-bar.selection-mode .selection-menu .arrow, - headerbar.selection-mode .selection-menu:backdrop .arrow, - headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled - .header-bar:backdrop, .tiled - .header-bar, .maximized - .header-bar:backdrop, .maximized - .header-bar, .tiled - headerbar:backdrop, .tiled - headerbar, .maximized - headerbar:backdrop, .maximized - headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - .header-bar.default-decoration, - headerbar.default-decoration { - padding: 6px; - min-height: 28px; - background-color: #636E73; - color: #ffffff; } - .default-decoration.titlebar:not(headerbar) .maximized, - .header-bar.default-decoration .maximized, - headerbar.default-decoration .maximized { - padding: 6px; } - .default-decoration.titlebar:backdrop:not(headerbar), - .header-bar.default-decoration:backdrop, - headerbar.default-decoration:backdrop { - background-color: #576165; - color: rgba(255, 255, 255, 0.5); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton, - .default-decoration.titlebar:not(headerbar) button.titlebutton, - .header-bar.default-decoration .button.titlebutton, - .header-bar.default-decoration button.titlebutton, - headerbar.default-decoration .button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, - .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, - .header-bar.default-decoration .button.titlebutton:hover, - .header-bar.default-decoration button.titlebutton:hover, - headerbar.default-decoration .button.titlebutton:hover, - headerbar.default-decoration button.titlebutton:hover { - background-color: transparent; - color: white; } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, - .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar.default-decoration .button.titlebutton:backdrop, - .header-bar.default-decoration button.titlebutton:backdrop, - headerbar.default-decoration .button.titlebutton:backdrop, - headerbar.default-decoration button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, - .default-decoration.titlebar:not(headerbar) button.titlebutton:active, - .header-bar.default-decoration .button.titlebutton:active, - .header-bar.default-decoration button.titlebutton:active, - headerbar.default-decoration .button.titlebutton:active, - headerbar.default-decoration button.titlebutton:active { - background-color: #ffffff; - color: #636E73; - border-radius: 50%; - box-shadow: none; } - .titlebar:not(headerbar) .entry, - .titlebar:not(headerbar) entry, - .header-bar .entry, - .header-bar entry, - headerbar .entry, - headerbar entry { - margin: 6px 0; - min-height: 16px; - border-radius: 2px; - padding: 4px; - border: none; - box-shadow: none; - background: rgba(255, 255, 255, 0.95); - color: #666666; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .titlebar:not(headerbar) .entry > .image, - .titlebar:not(headerbar) entry > .image, - .header-bar .entry > .image, - .header-bar entry > .image, - headerbar .entry > .image, - headerbar entry > .image { - padding-right: 6px; - color: rgba(102, 102, 102, 0.8); } - .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, - .titlebar:not(headerbar) entry:active, - .titlebar:not(headerbar) entry:focus, - .header-bar .entry:active, - .header-bar .entry:focus, - .header-bar entry:active, - .header-bar entry:focus, - headerbar .entry:active, - headerbar .entry:focus, - headerbar entry:active, - headerbar entry:focus { - background: #ffffff; - color: #666666; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, - .titlebar:not(headerbar) entry:active > .image, - .titlebar:not(headerbar) entry:focus > .image, - .header-bar .entry:active > .image, - .header-bar .entry:focus > .image, - .header-bar entry:active > .image, - .header-bar entry:focus > .image, - headerbar .entry:active > .image, - headerbar .entry:focus > .image, - headerbar entry:active > .image, - headerbar entry:focus > .image { - padding-right: 6px; - color: #666666; } - .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, - .titlebar:not(headerbar) entry:active:backdrop, - .titlebar:not(headerbar) entry:focus:backdrop, - .header-bar .entry:active:backdrop, - .header-bar .entry:focus:backdrop, - .header-bar entry:active:backdrop, - .header-bar entry:focus:backdrop, - headerbar .entry:active:backdrop, - headerbar .entry:focus:backdrop, - headerbar entry:active:backdrop, - headerbar entry:focus:backdrop { - background: rgba(255, 255, 255, 0.8); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:insensitive, - .titlebar:not(headerbar) entry:insensitive, - .header-bar .entry:insensitive, - .header-bar entry:insensitive, - headerbar .entry:insensitive, - headerbar entry:insensitive { - background: rgba(255, 255, 255, 0.6); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:insensitive > .image, - .titlebar:not(headerbar) entry:insensitive > .image, - .header-bar .entry:insensitive > .image, - .header-bar entry:insensitive > .image, - headerbar .entry:insensitive > .image, - headerbar entry:insensitive > .image { - padding-right: 6px; - color: rgba(102, 102, 102, 0.5); } - .titlebar:not(headerbar) .entry:insensitive:backdrop, - .titlebar:not(headerbar) entry:insensitive:backdrop, - .header-bar .entry:insensitive:backdrop, - .header-bar entry:insensitive:backdrop, - headerbar .entry:insensitive:backdrop, - headerbar entry:insensitive:backdrop { - background: rgba(255, 255, 255, 0.5); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:backdrop, - .titlebar:not(headerbar) entry:backdrop, - .header-bar .entry:backdrop, - .header-bar entry:backdrop, - headerbar .entry:backdrop, - headerbar entry:backdrop { - background: rgba(255, 255, 255, 0.8); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:backdrop > .image, - .titlebar:not(headerbar) entry:backdrop > .image, - .header-bar .entry:backdrop > .image, - .header-bar entry:backdrop > .image, - headerbar .entry:backdrop > .image, - headerbar entry:backdrop > .image { - color: rgba(102, 102, 102, 0.5); } - .titlebar:not(headerbar) .button, - .titlebar:not(headerbar) button, - .header-bar .button, - .header-bar button, - headerbar .button, - headerbar button { - background-color: transparent; - background-image: none; - border-radius: 0px; - border: none; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - padding: 10px; - margin: 0; - color: #ffffff; } - .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.flat, - .titlebar:not(headerbar) button.text-button, - .titlebar:not(headerbar) button.image-button, - .titlebar:not(headerbar) button.flat, - .header-bar .button.text-button, - .header-bar .button.image-button, - .header-bar .button.flat, - .header-bar button.text-button, - .header-bar button.image-button, - .header-bar button.flat, - headerbar .button.text-button, - headerbar .button.image-button, - headerbar .button.flat, - headerbar button.text-button, - headerbar button.image-button, - headerbar button.flat { - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: transparent; - background-image: none; - color: #ffffff; } - .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.flat:backdrop, - .titlebar:not(headerbar) button.text-button:backdrop, - .titlebar:not(headerbar) button.image-button:backdrop, - .titlebar:not(headerbar) button.flat:backdrop, - .header-bar .button.text-button:backdrop, - .header-bar .button.image-button:backdrop, - .header-bar .button.flat:backdrop, - .header-bar button.text-button:backdrop, - .header-bar button.image-button:backdrop, - .header-bar button.flat:backdrop, - headerbar .button.text-button:backdrop, - headerbar .button.image-button:backdrop, - headerbar .button.flat:backdrop, - headerbar button.text-button:backdrop, - headerbar button.image-button:backdrop, - headerbar button.flat:backdrop { - background-color: transparent; - background-image: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button.linked, - .titlebar:not(headerbar) button.linked, - .header-bar .button.linked, - .header-bar button.linked, - headerbar .button.linked, - headerbar button.linked { - border-radius: 0px; - margin: 0; } - .titlebar:not(headerbar) .button:hover, - .titlebar:not(headerbar) button:hover, - .header-bar .button:hover, - .header-bar button:hover, - headerbar .button:hover, - headerbar button:hover { - background-image: none; - background-color: rgba(0, 0, 0, 0.15); - color: white; - box-shadow: none; - text-shadow: none; } - .titlebar:not(headerbar) .button:backdrop, - .titlebar:not(headerbar) button:backdrop, - .header-bar .button:backdrop, - .header-bar button:backdrop, - headerbar .button:backdrop, - headerbar button:backdrop { - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, - .titlebar:not(headerbar) button:active, - .titlebar:not(headerbar) button:checked, - .header-bar .button:active, - .header-bar .button:checked, - .header-bar button:active, - .header-bar button:checked, - headerbar .button:active, - headerbar .button:checked, - headerbar button:active, - headerbar button:checked { - font: bold; - border-radius: 0px; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 -2px 0 0 #ffffff; - background-color: transparent; - background-image: none; - color: #ffffff; } - .titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop, - .titlebar:not(headerbar) button:active:backdrop, - .titlebar:not(headerbar) button:checked:backdrop, - .header-bar .button:active:backdrop, - .header-bar .button:checked:backdrop, - .header-bar button:active:backdrop, - .header-bar button:checked:backdrop, - headerbar .button:active:backdrop, - headerbar .button:checked:backdrop, - headerbar button:active:backdrop, - headerbar button:checked:backdrop { - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:disabled, - .titlebar:not(headerbar) button:insensitive, - .titlebar:not(headerbar) button:disabled, - .header-bar .button:insensitive, - .header-bar .button:disabled, - .header-bar button:insensitive, - .header-bar button:disabled, - headerbar .button:insensitive, - headerbar .button:disabled, - headerbar button:insensitive, - headerbar button:disabled { - color: rgba(255, 255, 255, 0.5); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop, - .titlebar:not(headerbar) button:insensitive, - .titlebar:not(headerbar) button:insensitive:backdrop, - .header-bar .button:insensitive, - .header-bar .button:insensitive:backdrop, - .header-bar button:insensitive, - .header-bar button:insensitive:backdrop, - headerbar .button:insensitive, - headerbar .button:insensitive:backdrop, - headerbar button:insensitive, - headerbar button:insensitive:backdrop { - color: rgba(255, 255, 255, 0.5); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) .button:insensitive image, - .titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop image, - .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage, - .titlebar:not(headerbar) button:insensitive image, - .titlebar:not(headerbar) button:insensitive GtkImage, - .titlebar:not(headerbar) button:insensitive:backdrop image, - .titlebar:not(headerbar) button:insensitive:backdrop GtkImage, - .header-bar .button:insensitive image, - .header-bar .button:insensitive GtkImage, - .header-bar .button:insensitive:backdrop image, - .header-bar .button:insensitive:backdrop GtkImage, - .header-bar button:insensitive image, - .header-bar button:insensitive GtkImage, - .header-bar button:insensitive:backdrop image, - .header-bar button:insensitive:backdrop GtkImage, - headerbar .button:insensitive image, - headerbar .button:insensitive GtkImage, - headerbar .button:insensitive:backdrop image, - headerbar .button:insensitive:backdrop GtkImage, - headerbar button:insensitive image, - headerbar button:insensitive GtkImage, - headerbar button:insensitive:backdrop image, - headerbar button:insensitive:backdrop GtkImage { - -gtk-image-effect: dim; } - .titlebar:not(headerbar) .button.titlebutton, - .titlebar:not(headerbar) button.titlebutton, - .header-bar .button.titlebutton, - .header-bar button.titlebutton, - headerbar .button.titlebutton, - headerbar button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.titlebutton:hover, - .titlebar:not(headerbar) button.titlebutton:hover, - .header-bar .button.titlebutton:hover, - .header-bar button.titlebutton:hover, - headerbar .button.titlebutton:hover, - headerbar button.titlebutton:hover { - background-color: transparent; - color: white; } - .titlebar:not(headerbar) .button.titlebutton:backdrop, - .titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar .button.titlebutton:backdrop, - .header-bar button.titlebutton:backdrop, - headerbar .button.titlebutton:backdrop, - headerbar button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button.titlebutton:active, - .titlebar:not(headerbar) button.titlebutton:active, - .header-bar .button.titlebutton:active, - .header-bar button.titlebutton:active, - headerbar .button.titlebutton:active, - headerbar button.titlebutton:active { - background-color: #ffffff; - color: #636E73; - border-radius: 50%; - box-shadow: none; } - .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.title-menu-button, - .titlebar:not(headerbar) button.menu-button, - .titlebar:not(headerbar) button.title-menu-button, - .header-bar .button.menu-button, - .header-bar .button.title-menu-button, - .header-bar button.menu-button, - .header-bar button.title-menu-button, - headerbar .button.menu-button, - headerbar .button.title-menu-button, - headerbar button.menu-button, - headerbar button.title-menu-button { - padding: 1px; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.title-menu-button:hover, - .titlebar:not(headerbar) button.menu-button:hover, - .titlebar:not(headerbar) button.title-menu-button:hover, - .header-bar .button.menu-button:hover, - .header-bar .button.title-menu-button:hover, - .header-bar button.menu-button:hover, - .header-bar button.title-menu-button:hover, - headerbar .button.menu-button:hover, - headerbar .button.title-menu-button:hover, - headerbar button.menu-button:hover, - headerbar button.title-menu-button:hover { - background-color: rgba(0, 0, 0, 0.1); - color: white; } - .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.title-menu-button:backdrop, - .titlebar:not(headerbar) button.menu-button:backdrop, - .titlebar:not(headerbar) button.title-menu-button:backdrop, - .header-bar .button.menu-button:backdrop, - .header-bar .button.title-menu-button:backdrop, - .header-bar button.menu-button:backdrop, - .header-bar button.title-menu-button:backdrop, - headerbar .button.menu-button:backdrop, - headerbar .button.title-menu-button:backdrop, - headerbar button.menu-button:backdrop, - headerbar button.title-menu-button:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button.menu-button:active, .titlebar:not(headerbar) .button.title-menu-button:active, - .titlebar:not(headerbar) button.menu-button:active, - .titlebar:not(headerbar) button.title-menu-button:active, - .header-bar .button.menu-button:active, - .header-bar .button.title-menu-button:active, - .header-bar button.menu-button:active, - .header-bar button.title-menu-button:active, - headerbar .button.menu-button:active, - headerbar .button.title-menu-button:active, - headerbar button.menu-button:active, - headerbar button.title-menu-button:active { - background-color: #4b5458; - color: #ffffff; - box-shadow: none; } - .titlebar:not(headerbar) .separator, - .header-bar .separator, - headerbar .separator { - color: transparent; - background-color: transparent; } - -.titlebar, .titlebar:backdrop { - border-top-left-radius: 4px; - border-top-right-radius: 4px; } - -.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop, .separator:first-child + -headerbar, .separator:first-child + -headerbar:backdrop, separator:first-child + -headerbar, separator:first-child + -headerbar:backdrop, -headerbar:first-child, -headerbar:first-child:backdrop { - border-top-left-radius: 4px; } -.header-bar:last-child, .header-bar:last-child:backdrop, -headerbar:last-child, -headerbar:last-child:backdrop { - border-top-right-radius: 4px; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: #636E73; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } - window.csd > .titlebar:not(headerbar):backdrop { - background-color: #576165; } - -/************** - * GtkInfoBar * - **************/ -.info, .warning, .question, .error, -GtkInfoBar, -infobar { - text-shadow: none; - color: #666666; - background-color: #f7f7f7; - border-bottom: 1px solid #dedede; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } - -.info, .warning, .question, .error { - text-shadow: none; - color: #ffffff; - border: none; } - .info .label, .warning .label, .question .label, .error .label { - color: #ffffff; } - .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { - color: rgba(255, 255, 255, 0.5); } - .info .button, .warning .button, .question .button, .error .button, - .info button, - .warning button, - .question button, - .error button { - border-radius: 2px; - border: none; - background: rgba(255, 255, 255, 0.95); - color: #666666; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .info .button .label, .warning .button .label, .question .button .label, .error .button .label, - .info button .label, - .warning button .label, - .question button .label, - .error button .label { - color: #666666; } - .info .button:active, .warning .button:active, .question .button:active, .error .button:active, - .info button:active, - .warning button:active, - .question button:active, - .error button:active { - background: #ffffff; - color: #666666; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, - .info button:active:backdrop, - .warning button:active:backdrop, - .question button:active:backdrop, - .error button:active:backdrop { - background: rgba(255, 255, 255, 0.8); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, - .info button:hover, - .warning button:hover, - .question button:hover, - .error button:hover, - .info button:focus, - .warning button:focus, - .question button:focus, - .error button:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive, - .info button:insensitive, - .warning button:insensitive, - .question button:insensitive, - .error button:insensitive { - background: rgba(255, 255, 255, 0.6); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, - .info button:insensitive:backdrop, - .warning button:insensitive:backdrop, - .question button:insensitive:backdrop, - .error button:insensitive:backdrop { - background: rgba(255, 255, 255, 0.5); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, - .info button:backdrop, - .warning button:backdrop, - .question button:backdrop, - .error button:backdrop { - background: rgba(255, 255, 255, 0.8); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - -.info { - background-color: #2095f2; } - .info:backdrop { - background-color: #50acf5; - color: rgba(255, 255, 255, 0.5); } - -.warning { - background-color: #feea3a; } - .warning:backdrop { - background-color: #feef6d; - color: rgba(255, 255, 255, 0.5); } - -.question { - background-color: #1ea362; } - .question:backdrop { - background-color: #26ce7c; - color: rgba(255, 255, 255, 0.5); } - -.error { - background-color: #f34235; } - .error:backdrop { - background-color: #f66f65; - color: rgba(255, 255, 255, 0.5); } - -/************* - * Level Bar * - *************/ -GtkLevelBar, -.level-bar, -levelbar { - -GtkLevelBar-min-block-width: 32; - -GtkLevelBar-min-block-height: 8; } - GtkLevelBar:backdrop, - .level-bar:backdrop, - levelbar:backdrop { - transition: 200ms ease-out; } - GtkLevelBar .trough, - GtkLevelBar trough, - .level-bar .trough, - .level-bar trough, - levelbar .trough, - levelbar trough { - margin: 0; - padding: 2px; - border-radius: 3px; } - GtkLevelBar.horizontal.indicator-discrete.fill-block, - .level-bar.horizontal.indicator-discrete.fill-block, - levelbar.horizontal.indicator-discrete.fill-block { - margin: 0 1px; } - GtkLevelBar.horizontal.discrete block, - .level-bar.horizontal.discrete block, - levelbar.horizontal.discrete block { - margin: 0 1px; } - GtkLevelBar.vertical.indicator-discrete.fill-block, - .level-bar.vertical.indicator-discrete.fill-block, - levelbar.vertical.indicator-discrete.fill-block { - margin: 1px 0; } - GtkLevelBar.vertical.discrete block, - .level-bar.vertical.discrete block, - levelbar.vertical.discrete block { - margin: 1px 0; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical block, - GtkLevelBar .level-bar.vertical .fill-block, - .level-bar.vertical GtkLevelBar .fill-block, - GtkLevelBar .level-bar.vertical block, - .level-bar.vertical GtkLevelBar block, - GtkLevelBar levelbar.vertical .fill-block, - levelbar.vertical GtkLevelBar .fill-block, - GtkLevelBar levelbar.vertical block, - levelbar.vertical GtkLevelBar block, - GtkLevelBar .fill-block, - GtkLevelBar block, - .level-bar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical .level-bar .fill-block, - .level-bar GtkLevelBar.vertical block, - GtkLevelBar.vertical .level-bar block, - .level-bar.vertical .fill-block, - .level-bar.vertical block, - .level-bar levelbar.vertical .fill-block, - levelbar.vertical .level-bar .fill-block, - .level-bar levelbar.vertical block, - levelbar.vertical .level-bar block, - .level-bar .fill-block, - .level-bar block, - levelbar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical levelbar .fill-block, - levelbar GtkLevelBar.vertical block, - GtkLevelBar.vertical levelbar block, - levelbar .level-bar.vertical .fill-block, - .level-bar.vertical levelbar .fill-block, - levelbar .level-bar.vertical block, - .level-bar.vertical levelbar block, - levelbar.vertical .fill-block, - levelbar.vertical block, - levelbar .fill-block, - levelbar block { - border-radius: 2px; - min-width: 32px; - min-height: 2px; } - GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical block.low, - GtkLevelBar .level-bar.vertical .low.fill-block, - .level-bar.vertical GtkLevelBar .low.fill-block, - GtkLevelBar .level-bar.vertical block.low, - .level-bar.vertical GtkLevelBar block.low, - GtkLevelBar levelbar.vertical .low.fill-block, - levelbar.vertical GtkLevelBar .low.fill-block, - GtkLevelBar levelbar.vertical block.low, - levelbar.vertical GtkLevelBar block.low, GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical block.level-low, - GtkLevelBar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar .level-bar.vertical block.level-low, - .level-bar.vertical GtkLevelBar block.level-low, - GtkLevelBar levelbar.vertical .level-low.fill-block, - levelbar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar levelbar.vertical block.level-low, - levelbar.vertical GtkLevelBar block.level-low, - GtkLevelBar .fill-block.low, - GtkLevelBar .fill-block.level-low, - GtkLevelBar block.low, - GtkLevelBar block.level-low, - .level-bar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical .level-bar .low.fill-block, - .level-bar GtkLevelBar.vertical block.low, - GtkLevelBar.vertical .level-bar block.low, - .level-bar.vertical .low.fill-block, - .level-bar.vertical block.low, - .level-bar levelbar.vertical .low.fill-block, - levelbar.vertical .level-bar .low.fill-block, - .level-bar levelbar.vertical block.low, - levelbar.vertical .level-bar block.low, - .level-bar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical .level-bar .level-low.fill-block, - .level-bar GtkLevelBar.vertical block.level-low, - GtkLevelBar.vertical .level-bar block.level-low, - .level-bar.vertical .level-low.fill-block, - .level-bar.vertical block.level-low, - .level-bar levelbar.vertical .level-low.fill-block, - levelbar.vertical .level-bar .level-low.fill-block, - .level-bar levelbar.vertical block.level-low, - levelbar.vertical .level-bar block.level-low, - .level-bar .fill-block.low, - .level-bar .fill-block.level-low, - .level-bar block.low, - .level-bar block.level-low, - levelbar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical levelbar .low.fill-block, - levelbar GtkLevelBar.vertical block.low, - GtkLevelBar.vertical levelbar block.low, - levelbar .level-bar.vertical .low.fill-block, - .level-bar.vertical levelbar .low.fill-block, - levelbar .level-bar.vertical block.low, - .level-bar.vertical levelbar block.low, - levelbar.vertical .low.fill-block, - levelbar.vertical block.low, - levelbar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical levelbar .level-low.fill-block, - levelbar GtkLevelBar.vertical block.level-low, - GtkLevelBar.vertical levelbar block.level-low, - levelbar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical levelbar .level-low.fill-block, - levelbar .level-bar.vertical block.level-low, - .level-bar.vertical levelbar block.level-low, - levelbar.vertical .level-low.fill-block, - levelbar.vertical block.level-low, - levelbar .fill-block.low, - levelbar .fill-block.level-low, - levelbar block.low, - levelbar block.level-low { - border: 1px solid #fee507; - background-color: #feea3a; } - GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.low:backdrop, - .level-bar.vertical GtkLevelBar block.low:backdrop, - GtkLevelBar levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical GtkLevelBar .low.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.low:backdrop, - levelbar.vertical GtkLevelBar block.low:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-low:backdrop, - .level-bar.vertical GtkLevelBar block.level-low:backdrop, - GtkLevelBar levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-low.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-low:backdrop, - levelbar.vertical GtkLevelBar block.level-low:backdrop, - GtkLevelBar .fill-block.low:backdrop, - GtkLevelBar .fill-block.level-low:backdrop, - GtkLevelBar block.low:backdrop, - GtkLevelBar block.level-low:backdrop, - .level-bar GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .low.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar.vertical .level-bar block.low:backdrop, - .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical block.low:backdrop, - .level-bar levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical .level-bar .low.fill-block:backdrop, - .level-bar levelbar.vertical block.low:backdrop, - levelbar.vertical .level-bar block.low:backdrop, - .level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar.vertical .level-bar block.level-low:backdrop, - .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical block.level-low:backdrop, - .level-bar levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical .level-bar .level-low.fill-block:backdrop, - .level-bar levelbar.vertical block.level-low:backdrop, - levelbar.vertical .level-bar block.level-low:backdrop, - .level-bar .fill-block.low:backdrop, - .level-bar .fill-block.level-low:backdrop, - .level-bar block.low:backdrop, - .level-bar block.level-low:backdrop, - levelbar GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical levelbar .low.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar.vertical levelbar block.low:backdrop, - levelbar .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical levelbar .low.fill-block:backdrop, - levelbar .level-bar.vertical block.low:backdrop, - .level-bar.vertical levelbar block.low:backdrop, - levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical block.low:backdrop, - levelbar GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-low.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar.vertical levelbar block.level-low:backdrop, - levelbar .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical levelbar .level-low.fill-block:backdrop, - levelbar .level-bar.vertical block.level-low:backdrop, - .level-bar.vertical levelbar block.level-low:backdrop, - levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical block.level-low:backdrop, - levelbar .fill-block.low:backdrop, - levelbar .fill-block.level-low:backdrop, - levelbar block.low:backdrop, - levelbar block.level-low:backdrop { - border: 1px solid #feea3a; } - GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical block.high, - GtkLevelBar .level-bar.vertical .high.fill-block, - .level-bar.vertical GtkLevelBar .high.fill-block, - GtkLevelBar .level-bar.vertical block.high, - .level-bar.vertical GtkLevelBar block.high, - GtkLevelBar levelbar.vertical .high.fill-block, - levelbar.vertical GtkLevelBar .high.fill-block, - GtkLevelBar levelbar.vertical block.high, - levelbar.vertical GtkLevelBar block.high, GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical block.level-high, - GtkLevelBar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar .level-bar.vertical block.level-high, - .level-bar.vertical GtkLevelBar block.level-high, - GtkLevelBar levelbar.vertical .level-high.fill-block, - levelbar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar levelbar.vertical block.level-high, - levelbar.vertical GtkLevelBar block.level-high, - GtkLevelBar .fill-block.high, - GtkLevelBar .fill-block.level-high, - GtkLevelBar block.high, - GtkLevelBar block.level-high, - .level-bar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical .level-bar .high.fill-block, - .level-bar GtkLevelBar.vertical block.high, - GtkLevelBar.vertical .level-bar block.high, - .level-bar.vertical .high.fill-block, - .level-bar.vertical block.high, - .level-bar levelbar.vertical .high.fill-block, - levelbar.vertical .level-bar .high.fill-block, - .level-bar levelbar.vertical block.high, - levelbar.vertical .level-bar block.high, - .level-bar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical .level-bar .level-high.fill-block, - .level-bar GtkLevelBar.vertical block.level-high, - GtkLevelBar.vertical .level-bar block.level-high, - .level-bar.vertical .level-high.fill-block, - .level-bar.vertical block.level-high, - .level-bar levelbar.vertical .level-high.fill-block, - levelbar.vertical .level-bar .level-high.fill-block, - .level-bar levelbar.vertical block.level-high, - levelbar.vertical .level-bar block.level-high, - .level-bar .fill-block.high, - .level-bar .fill-block.level-high, - .level-bar block.high, - .level-bar block.level-high, - levelbar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical levelbar .high.fill-block, - levelbar GtkLevelBar.vertical block.high, - GtkLevelBar.vertical levelbar block.high, - levelbar .level-bar.vertical .high.fill-block, - .level-bar.vertical levelbar .high.fill-block, - levelbar .level-bar.vertical block.high, - .level-bar.vertical levelbar block.high, - levelbar.vertical .high.fill-block, - levelbar.vertical block.high, - levelbar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical levelbar .level-high.fill-block, - levelbar GtkLevelBar.vertical block.level-high, - GtkLevelBar.vertical levelbar block.level-high, - levelbar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical levelbar .level-high.fill-block, - levelbar .level-bar.vertical block.level-high, - .level-bar.vertical levelbar block.level-high, - levelbar.vertical .level-high.fill-block, - levelbar.vertical block.level-high, - levelbar .fill-block.high, - levelbar .fill-block.level-high, - levelbar block.high, - levelbar block.level-high { - border: 1px solid #347d9f; - background-color: #449ac2; } - GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .high.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.high:backdrop, - .level-bar.vertical GtkLevelBar block.high:backdrop, - GtkLevelBar levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical GtkLevelBar .high.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.high:backdrop, - levelbar.vertical GtkLevelBar block.high:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-high:backdrop, - .level-bar.vertical GtkLevelBar block.level-high:backdrop, - GtkLevelBar levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-high.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-high:backdrop, - levelbar.vertical GtkLevelBar block.level-high:backdrop, - GtkLevelBar .fill-block.high:backdrop, - GtkLevelBar .fill-block.level-high:backdrop, - GtkLevelBar block.high:backdrop, - GtkLevelBar block.level-high:backdrop, - .level-bar GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .high.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar.vertical .level-bar block.high:backdrop, - .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical block.high:backdrop, - .level-bar levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical .level-bar .high.fill-block:backdrop, - .level-bar levelbar.vertical block.high:backdrop, - levelbar.vertical .level-bar block.high:backdrop, - .level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar.vertical .level-bar block.level-high:backdrop, - .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical block.level-high:backdrop, - .level-bar levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical .level-bar .level-high.fill-block:backdrop, - .level-bar levelbar.vertical block.level-high:backdrop, - levelbar.vertical .level-bar block.level-high:backdrop, - .level-bar .fill-block.high:backdrop, - .level-bar .fill-block.level-high:backdrop, - .level-bar block.high:backdrop, - .level-bar block.level-high:backdrop, - levelbar GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical levelbar .high.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar.vertical levelbar block.high:backdrop, - levelbar .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical levelbar .high.fill-block:backdrop, - levelbar .level-bar.vertical block.high:backdrop, - .level-bar.vertical levelbar block.high:backdrop, - levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical block.high:backdrop, - levelbar GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-high.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar.vertical levelbar block.level-high:backdrop, - levelbar .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical levelbar .level-high.fill-block:backdrop, - levelbar .level-bar.vertical block.level-high:backdrop, - .level-bar.vertical levelbar block.level-high:backdrop, - levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical block.level-high:backdrop, - levelbar .fill-block.high:backdrop, - levelbar .fill-block.level-high:backdrop, - levelbar block.high:backdrop, - levelbar block.level-high:backdrop { - border: 1px solid #449ac2; } - GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical block.full, - GtkLevelBar .level-bar.vertical .full.fill-block, - .level-bar.vertical GtkLevelBar .full.fill-block, - GtkLevelBar .level-bar.vertical block.full, - .level-bar.vertical GtkLevelBar block.full, - GtkLevelBar levelbar.vertical .full.fill-block, - levelbar.vertical GtkLevelBar .full.fill-block, - GtkLevelBar levelbar.vertical block.full, - levelbar.vertical GtkLevelBar block.full, GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical block.level-full, - GtkLevelBar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar .level-bar.vertical block.level-full, - .level-bar.vertical GtkLevelBar block.level-full, - GtkLevelBar levelbar.vertical .level-full.fill-block, - levelbar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar levelbar.vertical block.level-full, - levelbar.vertical GtkLevelBar block.level-full, - GtkLevelBar .fill-block.full, - GtkLevelBar .fill-block.level-full, - GtkLevelBar block.full, - GtkLevelBar block.level-full, - .level-bar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical .level-bar .full.fill-block, - .level-bar GtkLevelBar.vertical block.full, - GtkLevelBar.vertical .level-bar block.full, - .level-bar.vertical .full.fill-block, - .level-bar.vertical block.full, - .level-bar levelbar.vertical .full.fill-block, - levelbar.vertical .level-bar .full.fill-block, - .level-bar levelbar.vertical block.full, - levelbar.vertical .level-bar block.full, - .level-bar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical .level-bar .level-full.fill-block, - .level-bar GtkLevelBar.vertical block.level-full, - GtkLevelBar.vertical .level-bar block.level-full, - .level-bar.vertical .level-full.fill-block, - .level-bar.vertical block.level-full, - .level-bar levelbar.vertical .level-full.fill-block, - levelbar.vertical .level-bar .level-full.fill-block, - .level-bar levelbar.vertical block.level-full, - levelbar.vertical .level-bar block.level-full, - .level-bar .fill-block.full, - .level-bar .fill-block.level-full, - .level-bar block.full, - .level-bar block.level-full, - levelbar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical levelbar .full.fill-block, - levelbar GtkLevelBar.vertical block.full, - GtkLevelBar.vertical levelbar block.full, - levelbar .level-bar.vertical .full.fill-block, - .level-bar.vertical levelbar .full.fill-block, - levelbar .level-bar.vertical block.full, - .level-bar.vertical levelbar block.full, - levelbar.vertical .full.fill-block, - levelbar.vertical block.full, - levelbar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical levelbar .level-full.fill-block, - levelbar GtkLevelBar.vertical block.level-full, - GtkLevelBar.vertical levelbar block.level-full, - levelbar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical levelbar .level-full.fill-block, - levelbar .level-bar.vertical block.level-full, - .level-bar.vertical levelbar block.level-full, - levelbar.vertical .level-full.fill-block, - levelbar.vertical block.level-full, - levelbar .fill-block.full, - levelbar .fill-block.level-full, - levelbar block.full, - levelbar block.level-full { - border: 1px solid #167848; - background-color: #1ea362; } - GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .full.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.full:backdrop, - .level-bar.vertical GtkLevelBar block.full:backdrop, - GtkLevelBar levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical GtkLevelBar .full.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.full:backdrop, - levelbar.vertical GtkLevelBar block.full:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-full:backdrop, - .level-bar.vertical GtkLevelBar block.level-full:backdrop, - GtkLevelBar levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-full.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-full:backdrop, - levelbar.vertical GtkLevelBar block.level-full:backdrop, - GtkLevelBar .fill-block.full:backdrop, - GtkLevelBar .fill-block.level-full:backdrop, - GtkLevelBar block.full:backdrop, - GtkLevelBar block.level-full:backdrop, - .level-bar GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .full.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar.vertical .level-bar block.full:backdrop, - .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical block.full:backdrop, - .level-bar levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical .level-bar .full.fill-block:backdrop, - .level-bar levelbar.vertical block.full:backdrop, - levelbar.vertical .level-bar block.full:backdrop, - .level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar.vertical .level-bar block.level-full:backdrop, - .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical block.level-full:backdrop, - .level-bar levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical .level-bar .level-full.fill-block:backdrop, - .level-bar levelbar.vertical block.level-full:backdrop, - levelbar.vertical .level-bar block.level-full:backdrop, - .level-bar .fill-block.full:backdrop, - .level-bar .fill-block.level-full:backdrop, - .level-bar block.full:backdrop, - .level-bar block.level-full:backdrop, - levelbar GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical levelbar .full.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar.vertical levelbar block.full:backdrop, - levelbar .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical levelbar .full.fill-block:backdrop, - levelbar .level-bar.vertical block.full:backdrop, - .level-bar.vertical levelbar block.full:backdrop, - levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical block.full:backdrop, - levelbar GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-full.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar.vertical levelbar block.level-full:backdrop, - levelbar .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical levelbar .level-full.fill-block:backdrop, - levelbar .level-bar.vertical block.level-full:backdrop, - .level-bar.vertical levelbar block.level-full:backdrop, - levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical block.level-full:backdrop, - levelbar .fill-block.full:backdrop, - levelbar .fill-block.level-full:backdrop, - levelbar block.full:backdrop, - levelbar block.level-full:backdrop { - border: 1px solid #1ea362; } - GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical block.empty, - GtkLevelBar .level-bar.vertical .empty.fill-block, - .level-bar.vertical GtkLevelBar .empty.fill-block, - GtkLevelBar .level-bar.vertical block.empty, - .level-bar.vertical GtkLevelBar block.empty, - GtkLevelBar levelbar.vertical .empty.fill-block, - levelbar.vertical GtkLevelBar .empty.fill-block, - GtkLevelBar levelbar.vertical block.empty, - levelbar.vertical GtkLevelBar block.empty, GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical block.level-empty, - GtkLevelBar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar .level-bar.vertical block.level-empty, - .level-bar.vertical GtkLevelBar block.level-empty, - GtkLevelBar levelbar.vertical .level-empty.fill-block, - levelbar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar levelbar.vertical block.level-empty, - levelbar.vertical GtkLevelBar block.level-empty, - GtkLevelBar .fill-block.empty, - GtkLevelBar .fill-block.level-empty, - GtkLevelBar block.empty, - GtkLevelBar block.level-empty, - .level-bar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical .level-bar .empty.fill-block, - .level-bar GtkLevelBar.vertical block.empty, - GtkLevelBar.vertical .level-bar block.empty, - .level-bar.vertical .empty.fill-block, - .level-bar.vertical block.empty, - .level-bar levelbar.vertical .empty.fill-block, - levelbar.vertical .level-bar .empty.fill-block, - .level-bar levelbar.vertical block.empty, - levelbar.vertical .level-bar block.empty, - .level-bar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical .level-bar .level-empty.fill-block, - .level-bar GtkLevelBar.vertical block.level-empty, - GtkLevelBar.vertical .level-bar block.level-empty, - .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical block.level-empty, - .level-bar levelbar.vertical .level-empty.fill-block, - levelbar.vertical .level-bar .level-empty.fill-block, - .level-bar levelbar.vertical block.level-empty, - levelbar.vertical .level-bar block.level-empty, - .level-bar .fill-block.empty, - .level-bar .fill-block.level-empty, - .level-bar block.empty, - .level-bar block.level-empty, - levelbar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical levelbar .empty.fill-block, - levelbar GtkLevelBar.vertical block.empty, - GtkLevelBar.vertical levelbar block.empty, - levelbar .level-bar.vertical .empty.fill-block, - .level-bar.vertical levelbar .empty.fill-block, - levelbar .level-bar.vertical block.empty, - .level-bar.vertical levelbar block.empty, - levelbar.vertical .empty.fill-block, - levelbar.vertical block.empty, - levelbar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical levelbar .level-empty.fill-block, - levelbar GtkLevelBar.vertical block.level-empty, - GtkLevelBar.vertical levelbar block.level-empty, - levelbar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical levelbar .level-empty.fill-block, - levelbar .level-bar.vertical block.level-empty, - .level-bar.vertical levelbar block.level-empty, - levelbar.vertical .level-empty.fill-block, - levelbar.vertical block.level-empty, - levelbar .fill-block.empty, - levelbar .fill-block.level-empty, - levelbar block.empty, - levelbar block.level-empty { - background-color: transparent; - border: 1px solid rgba(102, 102, 102, 0.2); - box-shadow: none; } - GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.empty:backdrop, - .level-bar.vertical GtkLevelBar block.empty:backdrop, - GtkLevelBar levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical GtkLevelBar .empty.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.empty:backdrop, - levelbar.vertical GtkLevelBar block.empty:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-empty:backdrop, - .level-bar.vertical GtkLevelBar block.level-empty:backdrop, - GtkLevelBar levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-empty.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-empty:backdrop, - levelbar.vertical GtkLevelBar block.level-empty:backdrop, - GtkLevelBar .fill-block.empty:backdrop, - GtkLevelBar .fill-block.level-empty:backdrop, - GtkLevelBar block.empty:backdrop, - GtkLevelBar block.level-empty:backdrop, - .level-bar GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar.vertical .level-bar block.empty:backdrop, - .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical block.empty:backdrop, - .level-bar levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical .level-bar .empty.fill-block:backdrop, - .level-bar levelbar.vertical block.empty:backdrop, - levelbar.vertical .level-bar block.empty:backdrop, - .level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar.vertical .level-bar block.level-empty:backdrop, - .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical block.level-empty:backdrop, - .level-bar levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical .level-bar .level-empty.fill-block:backdrop, - .level-bar levelbar.vertical block.level-empty:backdrop, - levelbar.vertical .level-bar block.level-empty:backdrop, - .level-bar .fill-block.empty:backdrop, - .level-bar .fill-block.level-empty:backdrop, - .level-bar block.empty:backdrop, - .level-bar block.level-empty:backdrop, - levelbar GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical levelbar .empty.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar.vertical levelbar block.empty:backdrop, - levelbar .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical levelbar .empty.fill-block:backdrop, - levelbar .level-bar.vertical block.empty:backdrop, - .level-bar.vertical levelbar block.empty:backdrop, - levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical block.empty:backdrop, - levelbar GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-empty.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar.vertical levelbar block.level-empty:backdrop, - levelbar .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical levelbar .level-empty.fill-block:backdrop, - levelbar .level-bar.vertical block.level-empty:backdrop, - .level-bar.vertical levelbar block.level-empty:backdrop, - levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical block.level-empty:backdrop, - levelbar .fill-block.empty:backdrop, - levelbar .fill-block.level-empty:backdrop, - levelbar block.empty:backdrop, - levelbar block.level-empty:backdrop { - border-color: rgba(175, 175, 175, 0.15); } - GtkLevelBar.vertical, - .level-bar.vertical, - levelbar.vertical { - -GtkLevelBar-min-block-width: 8; - -GtkLevelBar-min-block-height: 32; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical block, - .level-bar.vertical .fill-block, - .level-bar.vertical block, - levelbar.vertical .fill-block, - levelbar.vertical block { - min-width: 8px; - min-height: 32px; } - -/********* - * Links * - *********/ -*:link, button:link, -.button:link, -button:visited, -.button:visited { - color: blue; } - *:link:visited, - button:visited, - .button:visited { - color: rgba(0, 0, 255, 0.5); } - *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited, - *:selected .button:visited { - color: #b4d7e7; } - *:link:hover, button:hover:link, - .button:hover:link, - button:hover:visited, - .button:hover:visited { - color: #3333ff; } - *:selected *:link:hover, *:selected button:hover:link, - *:selected .button:hover:link, - *:selected button:hover:visited, - *:selected .button:hover:visited { - color: #ecf5f9; } - *:link:active, button:active:link, - .button:active:link, - button:active:visited, - .button:active:visited { - color: blue; } - *:selected *:link:active, *:selected button:active:link, - *:selected .button:active:link, - *:selected button:active:visited, - *:selected .button:active:visited { - color: #daebf3; } - *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, - .button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, - .button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, - .header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, - headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, - .button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, - .button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, - .button:backdrop:link, - button:backdrop:visited, - .button:backdrop:visited { - color: #449ac2; } - *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, - .header-bar.selection-mode .subtitle:link, - headerbar.selection-mode .subtitle:link, button:selected:link, - .button:selected:link, - button:selected:visited, - .button:selected:visited, *:selected *:link, *:selected button:link, - *:selected .button:link, - *:selected button:visited, - *:selected .button:visited { - color: #daebf3; } - -button:link, -.button:link, -button:visited, -.button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - .button:link:hover, - .button:link:active, - .button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked, - .button:visited:hover, - .button:visited:active, - .button:visited:checked { - text-shadow: none; } - button:link > label, - .button:link > label, - button:visited > label, - .button:visited > label { - text-decoration-line: underline; } - button:link > GtkLabel, - .button:link > GtkLabel, - button:visited > GtkLabel, - .button:visited > GtkLabel { - text-decoration-line: underline; } - -/********* - * Lists * - *********/ -list { - color: #666666; - background-color: #ffffff; - border-color: #c4c4c4; } - list:backdrop { - background-color: #fcfcfc; - border-color: #c9c9c9; } - -row, -.list-row { - border-radius: 0; - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row GtkImage, - row image, - .list-row GtkImage, - .list-row image { - padding-right: 6px; } - row:hover, - .list-row:hover { - transition: none; } - row:backdrop, - .list-row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover, - .list-row.activatable.has-open-popup, - .list-row.activatable:hover { - background-color: rgba(102, 102, 102, 0.05); } - row.activatable:active, - .list-row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover, - .list-row.activatable:backdrop:hover { - background-color: transparent; } - row.activatable:selected:active, - .list-row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover, - .list-row.activatable:selected.has-open-popup, - .list-row.activatable:selected:hover { - background-color: #4795b9; } - row.activatable:selected:backdrop, - .list-row.activatable:selected:backdrop { - background-color: #449ac2; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); - background-color: #636E73; - color: #ffffff; } - menubar:backdrop, - .menubar:backdrop { - background-color: #576165; } - menubar > .menuitem, - menubar > menuitem, - .menubar > .menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 8px; } - menubar > .menuitem:hover, - menubar > menuitem:hover, - .menubar > .menuitem:hover, - .menubar > menuitem:hover { - box-shadow: inset 0 -3px #449ac2; - color: #ffffff; } - menubar > .menuitem:insensitive, menubar > .menuitem:disabled, - menubar > menuitem:insensitive, - menubar > menuitem:disabled, - .menubar > .menuitem:insensitive, - .menubar > .menuitem:disabled, - .menubar > menuitem:insensitive, - .menubar > menuitem:disabled { - color: #afafaf; - box-shadow: none; } - -.menu, -.popup, -menu { - padding: 4px 0px; - background-color: #ffffff; - border: 1px solid #c4c4c4; - border-radius: 4px; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } - .csd .menu, .csd - .popup, .csd - menu { - border: none; } - .menu:backdrop, - .popup:backdrop, - menu:backdrop { - background-color: #fcfcfc; } - .menu .menuitem, - .menu menuitem, - .popup .menuitem, - .popup menuitem, - menu .menuitem, - menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 8px 4px; - text-shadow: none; } - .menu .menuitem:hover, - .menu menuitem:hover, - .popup .menuitem:hover, - .popup menuitem:hover, - menu .menuitem:hover, - menu menuitem:hover { - color: #ffffff; - background-color: #449ac2; } - .menu .menuitem:insensitive, .menu .menuitem:disabled, - .menu menuitem:insensitive, - .menu menuitem:disabled, - .popup .menuitem:insensitive, - .popup .menuitem:disabled, - .popup menuitem:insensitive, - .popup menuitem:disabled, - menu .menuitem:insensitive, - menu .menuitem:disabled, - menu menuitem:insensitive, - menu menuitem:disabled { - color: #afafaf; } - .menu .menuitem:insensitive:backdrop, .menu .menuitem:disabled:backdrop, - .menu menuitem:insensitive:backdrop, - .menu menuitem:disabled:backdrop, - .popup .menuitem:insensitive:backdrop, - .popup .menuitem:disabled:backdrop, - .popup menuitem:insensitive:backdrop, - .popup menuitem:disabled:backdrop, - menu .menuitem:insensitive:backdrop, - menu .menuitem:disabled:backdrop, - menu menuitem:insensitive:backdrop, - menu menuitem:disabled:backdrop { - color: #d1d1d1; } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .popup .menuitem:backdrop, - .popup .menuitem:backdrop:hover, - .popup menuitem:backdrop, - .popup menuitem:backdrop:hover, - menu .menuitem:backdrop, - menu .menuitem:backdrop:hover, - menu menuitem:backdrop, - menu menuitem:backdrop:hover { - color: #afafaf; - background-color: transparent; } - .menu .menuitem .arrow, - .menu .menuitem arrow, - .menu menuitem .arrow, - .menu menuitem arrow, - .popup .menuitem .arrow, - .popup .menuitem arrow, - .popup menuitem .arrow, - .popup menuitem arrow, - menu .menuitem .arrow, - menu .menuitem arrow, - menu menuitem .arrow, - menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - .menu .menuitem .arrow:dir(ltr), - .menu .menuitem arrow:dir(ltr), - .menu menuitem .arrow:dir(ltr), - .menu menuitem arrow:dir(ltr), - .popup .menuitem .arrow:dir(ltr), - .popup .menuitem arrow:dir(ltr), - .popup menuitem .arrow:dir(ltr), - .popup menuitem arrow:dir(ltr), - menu .menuitem .arrow:dir(ltr), - menu .menuitem arrow:dir(ltr), - menu menuitem .arrow:dir(ltr), - menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - .menu .menuitem .arrow:dir(rtl), - .menu .menuitem arrow:dir(rtl), - .menu menuitem .arrow:dir(rtl), - .menu menuitem arrow:dir(rtl), - .popup .menuitem .arrow:dir(rtl), - .popup .menuitem arrow:dir(rtl), - .popup menuitem .arrow:dir(rtl), - .popup menuitem arrow:dir(rtl), - menu .menuitem .arrow:dir(rtl), - 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-right: 10px; } - .menu > arrow, - .popup > arrow, - menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #ffffff; - border-radius: 0; } - .menu > arrow.top, - .popup > arrow.top, - menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid #f0f0f0; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - .menu > arrow.bottom, - .popup > arrow.bottom, - menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid #f0f0f0; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .menu > arrow:hover, - .popup > arrow:hover, - menu > arrow:hover { - background-color: #f0f0f0; } - .menu > arrow:backdrop, - .popup > arrow:backdrop, - menu > arrow:backdrop { - background-color: #fcfcfc; } - .menu > arrow:insensitive, .menu > arrow:disabled, - .popup > arrow:insensitive, - .popup > arrow:disabled, - menu > arrow:insensitive, - menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -.menuitem .accelerator, -.menuitem accelerator, -menuitem .accelerator, -menuitem accelerator { - color: alpha(currentColor,0.55); } -.menuitem .check, -.menuitem check, -.menuitem .radio, -.menuitem radio, -menuitem .check, -menuitem check, -menuitem .radio, -menuitem radio { - min-height: 16px; - min-width: 16px; } - .menuitem .check:dir(ltr), - .menuitem check:dir(ltr), - .menuitem .radio:dir(ltr), - .menuitem radio:dir(ltr), - menuitem .check:dir(ltr), - menuitem check:dir(ltr), - menuitem .radio:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 7px; } - .menuitem .check:dir(rtl), - .menuitem check:dir(rtl), - .menuitem .radio:dir(rtl), - .menuitem radio:dir(rtl), - menuitem .check:dir(rtl), - menuitem check:dir(rtl), - menuitem .radio:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 7px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #e5e5e5; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #e5e5e5; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } -.scale-popup .button:hover, -.scale-popup button:hover { - background-color: rgba(102, 102, 102, 0.1); - border-radius: 5px; } - -separator, -.separator { - color: #c4c4c4; } - -/************** -* Text Styles * -**************/ -.h1 { - font-size: 24px; } - -.h2 { - font-weight: 300; - font-size: 18px; } - -.h3 { - font-size: 11px; } - -.h4, -.category-label { - font-size: 12px; - padding: 6px; - color: mix #f7f7f7, #666666, 50%; - font-weight: bold; - text-shadow: 0 1px rgba(255, 255, 255, 0.2); } - -/************* - * Notebooks * - *************/ -notebook > header { - border: none; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -2px #c4c4c4; } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #449ac2; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 2px #c4c4c4; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #449ac2; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -2px 0 #c4c4c4; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #449ac2; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 2px 0 #c4c4c4; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #449ac2; } - notebook > header.top > tabs > arrow { - border-top-style: none; } - notebook > header.bottom > tabs > arrow { - border-bottom-style: none; } - notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - 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.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.left > tabs > arrow { - border-left-style: none; } - notebook > header.right > tabs > arrow { - border-right-style: none; } - notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - 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.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header tab { - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #afafaf; - font-weight: bold; - border-width: 1px; - border-color: transparent; } - notebook > header tab:hover { - color: #8b8b8b; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(196, 196, 196, 0.3); - background-color: rgba(247, 247, 247, 0.2); } - notebook > header tab:backdrop { - color: #cccccc; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #666666; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(196, 196, 196, 0.5); - background-color: rgba(247, 247, 247, 0.5); } - notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(247, 247, 247, 0.7); } - notebook > header tab:backdrop:checked { - color: #afafaf; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #c9c9c9; - background-color: #f7f7f7; } - notebook > header tab button.flat { - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header tab button.flat:hover { - color: currentColor; } - notebook > header tab button.flat, notebook > header tab button.flat:backdrop { - color: alpha(currentColor,0.3); } - notebook > header tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: none solid; } - notebook > header.left tabs, notebook > header.right tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid none; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } -notebook > stack:not(:only-child) { - background-color: #ffffff; } - notebook > stack:not(:only-child):backdrop { - background-color: #fcfcfc; } - -notebook, -.dynamic-notebook, -.notebook { - padding: 0; - background-color: #ffffff; - box-shadow: 0 0 0 1px #c4c4c4; - background-clip: border-box; } - notebook > header, - notebook > .header, - .dynamic-notebook > header, - .dynamic-notebook > .header, - .notebook > header, - .notebook > .header { - border: none; - box-shadow: none; - background-color: #f7f7f7; } - notebook > tab, - .dynamic-notebook > tab, - .notebook > tab { - border-radius: 0; - background-color: #f7f7f7; } - notebook > tab.top, - .dynamic-notebook > tab.top, - .notebook > tab.top { - padding: 6px 8px 8px 8px; - box-shadow: inset 0 -1px 0 0 #c4c4c4; } - notebook > tab.top:active, - .dynamic-notebook > tab.top:active, - .notebook > tab.top:active { - box-shadow: inset 0 -3px 0 0 #c4c4c4; } - notebook > tab.top:active:backdrop, - .dynamic-notebook > tab.top:active:backdrop, - .notebook > tab.top:active:backdrop { - box-shadow: inset 0 -3px 0 0 #c9c9c9; } - notebook > tab.top:backdrop, - .dynamic-notebook > tab.top:backdrop, - .notebook > tab.top:backdrop { - box-shadow: inset 0 -1px 0 0 #c9c9c9; } - notebook > tab.top:insensitive, - .dynamic-notebook > tab.top:insensitive, - .notebook > tab.top:insensitive { - box-shadow: inset 0 -1px 0 0 #c4c4c4; } - notebook > tab.bottom, - .dynamic-notebook > tab.bottom, - .notebook > tab.bottom { - padding: 8px 8px 6px 8px; - box-shadow: inset 0 1px 0 0 #c4c4c4; } - notebook > tab.bottom:active, - .dynamic-notebook > tab.bottom:active, - .notebook > tab.bottom:active { - box-shadow: inset 0 3px 0 0 #c4c4c4; } - notebook > tab.bottom:active:backdrop, - .dynamic-notebook > tab.bottom:active:backdrop, - .notebook > tab.bottom:active:backdrop { - box-shadow: inset 0 3px 0 0 #c9c9c9; } - notebook > tab.bottom:backdrop, - .dynamic-notebook > tab.bottom:backdrop, - .notebook > tab.bottom:backdrop { - box-shadow: inset 0 1px 0 0 #c9c9c9; } - notebook > tab.bottom:insensitive, - .dynamic-notebook > tab.bottom:insensitive, - .notebook > tab.bottom:insensitive { - box-shadow: inset 0 1px 0 0 #c4c4c4; } - notebook > tab.left, - .dynamic-notebook > tab.left, - .notebook > tab.left { - padding: 8px; - box-shadow: inset -1px 0 0 0 #c4c4c4; } - notebook > tab.left:active, - .dynamic-notebook > tab.left:active, - .notebook > tab.left:active { - box-shadow: inset -3px 0 0 0 #c4c4c4; } - notebook > tab.left:active:backdrop, - .dynamic-notebook > tab.left:active:backdrop, - .notebook > tab.left:active:backdrop { - box-shadow: inset -3px 0 0 0 #c9c9c9; } - notebook > tab.left:backdrop, - .dynamic-notebook > tab.left:backdrop, - .notebook > tab.left:backdrop { - box-shadow: inset -1px 0 0 0 #c9c9c9; } - notebook > tab.left:insensitive, - .dynamic-notebook > tab.left:insensitive, - .notebook > tab.left:insensitive { - box-shadow: inset -1px 0 0 0 #c4c4c4; } - notebook > tab.right, - .dynamic-notebook > tab.right, - .notebook > tab.right { - padding: 8px; - box-shadow: inset 1px 0 0 0 #c4c4c4; } - notebook > tab.right:active, - .dynamic-notebook > tab.right:active, - .notebook > tab.right:active { - box-shadow: inset 3px 0 0 0 #c4c4c4; } - notebook > tab.right:active:backdrop, - .dynamic-notebook > tab.right:active:backdrop, - .notebook > tab.right:active:backdrop { - box-shadow: inset 3px 0 0 0 #c9c9c9; } - notebook > tab.right:backdrop, - .dynamic-notebook > tab.right:backdrop, - .notebook > tab.right:backdrop { - box-shadow: inset 1px 0 0 0 #c9c9c9; } - notebook > tab.right:insensitive, - .dynamic-notebook > tab.right:insensitive, - .notebook > tab.right:insensitive { - box-shadow: inset 1px 0 0 0 #c4c4c4; } - notebook > tab:active, - .dynamic-notebook > tab:active, - .notebook > tab:active { - font-weight: bold; } - notebook > tab:hover, - .dynamic-notebook > tab:hover, - .notebook > tab:hover { - background: #eaeaea; } - -/********* - * Paned * - *********/ -.paned, -paned { - border: solid #c4c4c4; - border-left-width: 1px; } - .paned > separator, - paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(#c4c4c4); - background-size: 1px 1px; } - .paned > separator:selected, - paned > separator:selected { - background-image: image(#449ac2); } - .paned > separator:backdrop, - paned > separator:backdrop { - background-image: image(#c9c9c9); } - .paned > separator.wide, - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f7f7f7; - background-image: image(#c4c4c4), image(#c4c4c4); - background-size: 1px 1px, 1px 1px; } - .paned > separator.wide:backdrop, - paned > separator.wide:backdrop { - background-color: #f7f7f7; - background-image: image(#c9c9c9), image(#c9c9c9); } - .paned.horizontal > separator, - paned.horizontal > separator { - background-repeat: repeat-y; } - .paned.horizontal > separator:dir(ltr), - paned.horizontal > separator:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; } - .paned.horizontal > separator:dir(rtl), - paned.horizontal > separator:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; } - .paned.horizontal > separator.wide, - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; } - .paned.vertical > separator, - paned.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; } - .paned.vertical > separator.wide, - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; } - -/************ - * Pathbars * - ************/ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } -.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: 8px; } -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************ - * Popovers * - ************/ -.popover.background, -popover.background { - padding: 2px; - border-radius: 4px; - border: none; - background-color: #f7f7f7; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd .popover.background, .popover.background, .csd - popover.background, - popover.background { - border: 1px solid #c4c4c4; } - .popover.background:backdrop, - popover.background:backdrop { - background-color: #f7f7f7; - box-shadow: none; } - .popover.background > list, - .popover.background > .view, - .popover.background > GtkIconView, - .popover.background > iconview, - .popover.background > toolbar, - .popover.background > .toolbar, - popover.background > list, - popover.background > .view, - popover.background > GtkIconView, - popover.background > iconview, - popover.background > toolbar, - popover.background > .toolbar { - border-style: none; - background-color: transparent; } - .csd .popover.background.touch-selection, .csd .popover.background.magnifier, .popover.background.touch-selection, .popover.background.magnifier, .csd - popover.background.touch-selection, .csd - popover.background.magnifier, - popover.background.touch-selection, - popover.background.magnifier { - border: 1px solid rgba(255, 255, 255, 0.1); } - .popover.background .separator, .popover.background separator, - popover.background .separator, - popover.background separator { - margin: 3px; } - .popover.background list separator, - popover.background list separator { - margin: 0px; } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #666666; - border: 1px solid #c4c4c4; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #afafaf; - border-color: #c9c9c9; } -printdialog .dialog-action-box { - margin: 12px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar, -.progressbar, -progressbar { - font-size: smaller; - color: rgba(102, 102, 102, 0.4); } - GtkProgressBar.horizontal trough, - GtkProgressBar.horizontal .trough, - GtkProgressBar.horizontal progress, - .progressbar.horizontal trough, - .progressbar.horizontal .trough, - .progressbar.horizontal progress, - progressbar.horizontal trough, - progressbar.horizontal .trough, - progressbar.horizontal progress { - min-height: 4px; } - GtkProgressBar.vertical trough, - GtkProgressBar.vertical .trough, - GtkProgressBar.vertical progress, - .progressbar.vertical trough, - .progressbar.vertical .trough, - .progressbar.vertical progress, - progressbar.vertical trough, - progressbar.vertical .trough, - progressbar.vertical progress { - min-width: 4px; } - GtkProgressBar.horizontal progress, - .progressbar.horizontal progress, - progressbar.horizontal progress { - margin: 0 -1px; } - GtkProgressBar.vertical progress, - .progressbar.vertical progress, - progressbar.vertical progress { - margin: -1px 0; } - GtkProgressBar:active, - .progressbar:active, - progressbar:active { - border-radius: 0px; - color: rgba(0, 0, 0, 0.5); - background-color: #449ac2; - border-color: #347d9f; } - GtkProgressBar:active:backdrop, - .progressbar:active:backdrop, - progressbar:active:backdrop { - background-color: #6bafce; - border-color: #449ac2; } - GtkProgressBar:backdrop, - .progressbar:backdrop, - progressbar:backdrop { - transition: 200ms ease-out; } - GtkProgressBar .progressbar, - GtkProgressBar progress, - .progressbar .progressbar, - .progressbar progress, - progressbar .progressbar, - progressbar progress { - border-radius: 0px; } - GtkProgressBar .progressbar.left, - GtkProgressBar progress.left, - .progressbar .progressbar.left, - .progressbar progress.left, - progressbar .progressbar.left, - progressbar progress.left { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; } - GtkProgressBar .progressbar.right, - GtkProgressBar progress.right, - .progressbar .progressbar.right, - .progressbar progress.right, - progressbar .progressbar.right, - progressbar progress.right { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; } - GtkProgressBar .progressbar.top, - GtkProgressBar progress.top, - .progressbar .progressbar.top, - .progressbar progress.top, - progressbar .progressbar.top, - progressbar progress.top { - border-top-right-radius: 0px; - border-top-left-radius: 0px; } - GtkProgressBar .progressbar.bottom, - GtkProgressBar progress.bottom, - .progressbar .progressbar.bottom, - .progressbar progress.bottom, - progressbar .progressbar.bottom, - progressbar progress.bottom { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; } - GtkProgressBar.osd, - .progressbar.osd, - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - GtkProgressBar.osd .trough, - GtkProgressBar.osd trough, - .progressbar.osd .trough, - .progressbar.osd trough, - progressbar.osd .trough, - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - GtkProgressBar.osd .progressbar, - GtkProgressBar.osd progress, - .progressbar.osd .progressbar, - .progressbar.osd progress, - progressbar.osd .progressbar, - progressbar.osd progress { - border-style: none; - border-radius: 0; } - GtkProgressBar row:selected, - GtkProgressBar .list-row:selected, - .progressbar row:selected, - .progressbar .list-row:selected, - progressbar row:selected, - progressbar .list-row:selected { - border: 1px solid #347d9f; - color: rgba(0, 0, 0, 0.5); - background-color: #449ac2; } - -/************ - * GtkScale * - ************/ -GtkLevelBar .trough, -GtkLevelBar trough, -.level-bar .trough, -.level-bar trough, -levelbar .trough, -levelbar trough, GtkLevelBar.horizontal trough, -GtkLevelBar.horizontal .trough, GtkLevelBar.vertical trough, -GtkLevelBar.vertical .trough, -.level-bar.horizontal trough, -.level-bar.horizontal .trough, -.level-bar.vertical trough, -.level-bar.vertical .trough, -levelbar.horizontal trough, -levelbar.horizontal .trough, -levelbar.vertical trough, -levelbar.vertical .trough, GtkProgressBar, -.progressbar, -progressbar, .scale trough, -.scale .trough, -scale trough, -scale .trough, .scale.fine-tune trough, -.scale.fine-tune .trough, -scale.fine-tune trough, -scale.fine-tune .trough, .scale fill, -scale fill { - border: none; - background-color: #ffffff; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.8); - padding: 0; - margin: 0; } - GtkLevelBar .trough:insensitive, - GtkLevelBar trough:insensitive, - .level-bar .trough:insensitive, - .level-bar trough:insensitive, - levelbar .trough:insensitive, - levelbar trough:insensitive, GtkProgressBar:insensitive, - .progressbar:insensitive, - progressbar:insensitive, .scale trough:insensitive, - .scale .trough:insensitive, - scale trough:insensitive, - scale .trough:insensitive, .scale fill:insensitive, - scale fill:insensitive, GtkLevelBar .trough:disabled, - GtkLevelBar trough:disabled, - .level-bar .trough:disabled, - .level-bar trough:disabled, - levelbar .trough:disabled, - levelbar trough:disabled, GtkProgressBar:disabled, - .progressbar:disabled, - progressbar:disabled, .scale trough:disabled, - .scale .trough:disabled, - scale trough:disabled, - scale .trough:disabled, .scale fill:disabled, - scale fill:disabled { - background-color: #fafafa; } - GtkLevelBar .trough:backdrop, - GtkLevelBar trough:backdrop, - .level-bar .trough:backdrop, - .level-bar trough:backdrop, - levelbar .trough:backdrop, - levelbar trough:backdrop, GtkProgressBar:backdrop, - .progressbar:backdrop, - progressbar:backdrop, .scale trough:backdrop, - .scale .trough:backdrop, - scale trough:backdrop, - scale .trough:backdrop, .scale fill:backdrop, - scale fill:backdrop { - background-color: #fcfcfc; - transition: 200ms ease-out; } - GtkLevelBar .trough:backdrop:insensitive, - GtkLevelBar trough:backdrop:insensitive, - .level-bar .trough:backdrop:insensitive, - .level-bar trough:backdrop:insensitive, - levelbar .trough:backdrop:insensitive, - levelbar trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive, - .progressbar:backdrop:insensitive, - progressbar:backdrop:insensitive, .scale trough:backdrop:insensitive, - .scale .trough:backdrop:insensitive, - scale trough:backdrop:insensitive, - scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive, - scale fill:backdrop:insensitive, GtkLevelBar .trough:backdrop:disabled, - GtkLevelBar trough:backdrop:disabled, - .level-bar .trough:backdrop:disabled, - .level-bar trough:backdrop:disabled, - levelbar .trough:backdrop:disabled, - levelbar trough:backdrop:disabled, GtkProgressBar:backdrop:disabled, - .progressbar:backdrop:disabled, - progressbar:backdrop:disabled, .scale trough:backdrop:disabled, - .scale .trough:backdrop:disabled, - scale trough:backdrop:disabled, - scale .trough:backdrop:disabled, .scale fill:backdrop:disabled, - scale fill:backdrop:disabled { - background-color: #fafafa; } - row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, - row:selected GtkLevelBar trough, - GtkLevelBar row:selected trough, - row:selected .level-bar .trough, - .level-bar row:selected .trough, - row:selected .level-bar trough, - .level-bar row:selected trough, - row:selected levelbar .trough, - levelbar row:selected .trough, - row:selected levelbar trough, - levelbar row:selected trough, row:selected GtkProgressBar, - row:selected .progressbar, - row:selected progressbar, row:selected .scale trough, .scale row:selected trough, - row:selected .scale .trough, - .scale row:selected .trough, - row:selected scale trough, - scale row:selected trough, - row:selected scale .trough, - scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, - row:selected scale fill, - scale row:selected fill { - box-shadow: none; } - row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, - row:selected GtkLevelBar trough, - GtkLevelBar row:selected trough, - row:selected .level-bar .trough, - .level-bar row:selected .trough, - row:selected .level-bar trough, - .level-bar row:selected trough, - row:selected levelbar .trough, - levelbar row:selected .trough, - row:selected levelbar trough, - levelbar row:selected trough, row:selected GtkProgressBar, - row:selected .progressbar, - row:selected progressbar, row:selected .scale trough, .scale row:selected trough, - row:selected .scale .trough, - .scale row:selected .trough, - row:selected scale trough, - scale row:selected trough, - row:selected scale .trough, - scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, - row:selected scale fill, - scale row:selected fill, row:selected GtkLevelBar .trough:disabled, GtkLevelBar row:selected .trough:disabled, - row:selected GtkLevelBar trough:disabled, - GtkLevelBar row:selected trough:disabled, - row:selected .level-bar .trough:disabled, - .level-bar row:selected .trough:disabled, - row:selected .level-bar trough:disabled, - .level-bar row:selected trough:disabled, - row:selected levelbar .trough:disabled, - levelbar row:selected .trough:disabled, - row:selected levelbar trough:disabled, - levelbar row:selected trough:disabled, row:selected GtkProgressBar:disabled, - row:selected .progressbar:disabled, - row:selected progressbar:disabled, row:selected .scale trough:disabled, .scale row:selected trough:disabled, - row:selected .scale .trough:disabled, - .scale row:selected .trough:disabled, - row:selected scale trough:disabled, - scale row:selected trough:disabled, - row:selected scale .trough:disabled, - scale row:selected .trough:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled, - row:selected scale fill:disabled, - scale row:selected fill:disabled { - border-color: #347d9f; } - .osd GtkLevelBar .trough, GtkLevelBar .osd .trough, - .osd GtkLevelBar trough, - GtkLevelBar .osd trough, - .osd .level-bar .trough, - .level-bar .osd .trough, - .osd .level-bar trough, - .level-bar .osd trough, - .osd levelbar .trough, - levelbar .osd .trough, - .osd levelbar trough, - levelbar .osd trough, .osd GtkProgressBar, - .osd .progressbar, - .osd progressbar, .osd .scale trough, .scale .osd trough, - .osd .scale .trough, - .scale .osd .trough, - .osd scale trough, - scale .osd trough, - .osd scale .trough, - scale .osd .trough, .osd .scale fill, .scale .osd fill, - .osd scale fill, - scale .osd fill { - border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(0, 0, 0, 0.5); - box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } - .osd GtkLevelBar .trough:disabled, GtkLevelBar .osd .trough:disabled, - .osd GtkLevelBar trough:disabled, - GtkLevelBar .osd trough:disabled, - .osd .level-bar .trough:disabled, - .level-bar .osd .trough:disabled, - .osd .level-bar trough:disabled, - .level-bar .osd trough:disabled, - .osd levelbar .trough:disabled, - levelbar .osd .trough:disabled, - .osd levelbar trough:disabled, - levelbar .osd trough:disabled, .osd GtkProgressBar:disabled, - .osd .progressbar:disabled, - .osd progressbar:disabled, .osd .scale trough:disabled, .scale .osd trough:disabled, - .osd .scale .trough:disabled, - .scale .osd .trough:disabled, - .osd scale trough:disabled, - scale .osd trough:disabled, - .osd scale .trough:disabled, - scale .osd .trough:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled, - .osd scale fill:disabled, - scale .osd fill:disabled { - background-color: rgba(45, 50, 51, 0.5); } - -GtkProgressBar .progressbar, -GtkProgressBar progress, -.progressbar .progressbar, -.progressbar progress, -progressbar .progressbar, -progressbar progress, .scale fill, -.scale .highlight, -.scale highlight, -scale fill, -scale .highlight, -scale highlight, .scale.fine-tune fill, -.scale.fine-tune .highlight, -.scale.fine-tune highlight, -scale.fine-tune fill, -scale.fine-tune .highlight, -scale.fine-tune highlight { - border: 1px solid #347d9f; - background-color: #449ac2; - box-shadow: 0px 1px rgba(255, 255, 255, 0.8); - border-radius: 4px; - min-height: 8px; } - GtkProgressBar .progressbar:insensitive, - GtkProgressBar progress:insensitive, - .progressbar .progressbar:insensitive, - .progressbar progress:insensitive, - progressbar .progressbar:insensitive, - progressbar progress:insensitive, .scale fill:insensitive, - .scale .highlight:insensitive, - .scale highlight:insensitive, - scale fill:insensitive, - scale .highlight:insensitive, - scale highlight:insensitive, GtkProgressBar .progressbar:disabled, - GtkProgressBar progress:disabled, - .progressbar .progressbar:disabled, - .progressbar progress:disabled, - progressbar .progressbar:disabled, - progressbar progress:disabled, .scale fill:disabled, - .scale .highlight:disabled, - .scale highlight:disabled, - scale fill:disabled, - scale .highlight:disabled, - scale highlight:disabled { - border: 1px solid #9e9e9e; - background-color: #c4c4c4; } - GtkProgressBar .progressbar:backdrop, - GtkProgressBar progress:backdrop, - .progressbar .progressbar:backdrop, - .progressbar progress:backdrop, - progressbar .progressbar:backdrop, - progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar, - .progressbar:backdrop .progressbar, - progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, - .progressbar:backdrop progress, - progressbar:backdrop progress, .scale fill:backdrop, - .scale .highlight:backdrop, - .scale highlight:backdrop, - scale fill:backdrop, - scale .highlight:backdrop, - scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, - GtkProgressBar progress:active:backdrop, - .progressbar .progressbar:active:backdrop, - .progressbar progress:active:backdrop, - progressbar .progressbar:active:backdrop, - progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active, - .progressbar:backdrop .progressbar:active, - progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, - .progressbar:backdrop progress:active, - progressbar:backdrop progress:active, .scale fill:active:backdrop, - .scale .highlight:active:backdrop, - .scale highlight:active:backdrop, - scale fill:active:backdrop, - scale .highlight:active:backdrop, - scale highlight:active:backdrop { - border-color: #449ac2; - background-color: #6bafce; } - GtkProgressBar .progressbar:backdrop:disabled, - GtkProgressBar progress:backdrop:disabled, - .progressbar .progressbar:backdrop:disabled, - .progressbar progress:backdrop:disabled, - progressbar .progressbar:backdrop:disabled, - progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled, - .progressbar:backdrop .progressbar:disabled, - progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, - .progressbar:backdrop progress:disabled, - progressbar:backdrop progress:disabled, .scale fill:backdrop:disabled, - .scale .highlight:backdrop:disabled, - .scale highlight:backdrop:disabled, - scale fill:backdrop:disabled, - scale .highlight:backdrop:disabled, - scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, - GtkProgressBar progress:active:backdrop:disabled, - .progressbar .progressbar:active:backdrop:disabled, - .progressbar progress:active:backdrop:disabled, - progressbar .progressbar:active:backdrop:disabled, - progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled, - .progressbar:backdrop .progressbar:active:disabled, - progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, - .progressbar:backdrop progress:active:disabled, - progressbar:backdrop progress:active:disabled, .scale fill:active:backdrop:disabled, - .scale .highlight:active:backdrop:disabled, - .scale highlight:active:backdrop:disabled, - scale fill:active:backdrop:disabled, - scale .highlight:active:backdrop:disabled, - scale highlight:active:backdrop:disabled { - background-color: transparent; - border-color: transparent; } - .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, - .list-row:selected GtkProgressBar progress:disabled, - GtkProgressBar .list-row:selected progress:disabled, - .list-row:selected .progressbar .progressbar:disabled, - .progressbar .list-row:selected .progressbar:disabled, - .list-row:selected .progressbar progress:disabled, - .progressbar .list-row:selected progress:disabled, - .list-row:selected progressbar .progressbar:disabled, - progressbar .list-row:selected .progressbar:disabled, - .list-row:selected progressbar progress:disabled, - progressbar .list-row:selected progress:disabled, .list-row:selected .scale fill:disabled, .scale .list-row:selected fill:disabled, - .list-row:selected .scale .highlight:disabled, - .scale .list-row:selected .highlight:disabled, - .list-row:selected .scale highlight:disabled, - .scale .list-row:selected highlight:disabled, - .list-row:selected scale fill:disabled, - scale .list-row:selected fill:disabled, - .list-row:selected scale .highlight:disabled, - scale .list-row:selected .highlight:disabled, - .list-row:selected scale highlight:disabled, - scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, - .list-row:selected GtkProgressBar progress, - GtkProgressBar .list-row:selected progress, - .list-row:selected .progressbar .progressbar, - .progressbar .list-row:selected .progressbar, - .list-row:selected .progressbar progress, - .progressbar .list-row:selected progress, - .list-row:selected progressbar .progressbar, - progressbar .list-row:selected .progressbar, - .list-row:selected progressbar progress, - progressbar .list-row:selected progress, .list-row:selected .scale fill, .scale .list-row:selected fill, - .list-row:selected .scale .highlight, - .scale .list-row:selected .highlight, - .list-row:selected .scale highlight, - .scale .list-row:selected highlight, - .list-row:selected scale fill, - scale .list-row:selected fill, - .list-row:selected scale .highlight, - scale .list-row:selected .highlight, - .list-row:selected scale highlight, - scale .list-row:selected highlight { - border-color: #347d9f; } - row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, - row:selected GtkProgressBar progress:disabled, - GtkProgressBar row:selected progress:disabled, - row:selected .progressbar .progressbar:disabled, - .progressbar row:selected .progressbar:disabled, - row:selected .progressbar progress:disabled, - .progressbar row:selected progress:disabled, - row:selected progressbar .progressbar:disabled, - progressbar row:selected .progressbar:disabled, - row:selected progressbar progress:disabled, - progressbar row:selected progress:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled, - row:selected .scale .highlight:disabled, - .scale row:selected .highlight:disabled, - row:selected .scale highlight:disabled, - .scale row:selected highlight:disabled, - row:selected scale fill:disabled, - scale row:selected fill:disabled, - row:selected scale .highlight:disabled, - scale row:selected .highlight:disabled, - row:selected scale highlight:disabled, - scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, - row:selected GtkProgressBar progress, - GtkProgressBar row:selected progress, - row:selected .progressbar .progressbar, - .progressbar row:selected .progressbar, - row:selected .progressbar progress, - .progressbar row:selected progress, - row:selected progressbar .progressbar, - progressbar row:selected .progressbar, - row:selected progressbar progress, - progressbar row:selected progress, row:selected .scale fill, .scale row:selected fill, - row:selected .scale .highlight, - .scale row:selected .highlight, - row:selected .scale highlight, - .scale row:selected highlight, - row:selected scale fill, - scale row:selected fill, - row:selected scale .highlight, - scale row:selected .highlight, - row:selected scale highlight, - scale row:selected highlight { - border-color: #347d9f; } - .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, - .osd GtkProgressBar progress, - GtkProgressBar .osd progress, - .osd .progressbar .progressbar, - .progressbar .osd .progressbar, - .osd .progressbar progress, - .progressbar .osd progress, - .osd progressbar .progressbar, - progressbar .osd .progressbar, - .osd progressbar progress, - progressbar .osd progress, .osd .scale fill, .scale .osd fill, - .osd .scale .highlight, - .scale .osd .highlight, - .osd .scale highlight, - .scale .osd highlight, - .osd scale fill, - scale .osd fill, - .osd scale .highlight, - scale .osd .highlight, - .osd scale highlight, - scale .osd highlight { - border-color: rgba(0, 0, 0, 0.7); } - .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, - .osd GtkProgressBar progress:disabled, - GtkProgressBar .osd progress:disabled, - .osd .progressbar .progressbar:disabled, - .progressbar .osd .progressbar:disabled, - .osd .progressbar progress:disabled, - .progressbar .osd progress:disabled, - .osd progressbar .progressbar:disabled, - progressbar .osd .progressbar:disabled, - .osd progressbar progress:disabled, - progressbar .osd progress:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled, - .osd .scale .highlight:disabled, - .scale .osd .highlight:disabled, - .osd .scale highlight:disabled, - .scale .osd highlight:disabled, - .osd scale fill:disabled, - scale .osd fill:disabled, - .osd scale .highlight:disabled, - scale .osd .highlight:disabled, - .osd scale highlight:disabled, - scale .osd highlight:disabled { - border-color: transparent; } - -.scale, -scale { - -GtkScale-slider-length: 16px; - -GtkRange-slider-width: 16px; - -GtkRange-trough-border: 0px; - min-height: 10px; - min-width: 10px; - padding: 8px; } - .scale fill, - .scale highlight, - scale fill, - scale highlight { - margin: -1px; } - .scale .slider, - .scale slider, - scale .slider, - scale slider { - min-height: 16px; - min-width: 16px; - margin: 2px; - background-color: #ffffff; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - .scale .slider:active, - .scale slider:active, - scale .slider:active, - scale slider:active { - box-shadow: 0 1px 1px 0 rgba(68, 154, 194, 0.5); - border: 1px solid #449ac2; } - .scale .slider:active:insensitive, .scale .slider:active:disabled, - .scale slider:active:insensitive, - .scale slider:active:disabled, - scale .slider:active:insensitive, - scale .slider:active:disabled, - scale slider:active:insensitive, - scale slider:active:disabled { - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.2); } - .scale .slider:insensitive, .scale .slider:disabled, - .scale slider:insensitive, - .scale slider:disabled, - scale .slider:insensitive, - scale .slider:disabled, - scale slider:insensitive, - scale slider:disabled { - box-shadow: none; } - .list-row:selected .scale .slider, .list-row:selected .scale .slider:disabled, .list-row:selected - .scale slider, .list-row:selected - .scale slider:disabled, .list-row:selected - scale .slider, .list-row:selected - scale .slider:disabled, .list-row:selected - scale slider, .list-row:selected - scale slider:disabled { - border-color: #347d9f; } - row:selected .scale .slider, row:selected .scale .slider:disabled, row:selected - .scale slider, row:selected - .scale slider:disabled, row:selected - scale .slider, row:selected - scale .slider:disabled, row:selected - scale slider, row:selected - scale slider:disabled { - border-color: #347d9f; } - .osd .scale .slider, .osd - .scale slider, .osd - scale .slider, .osd - scale slider { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border-color: rgba(0, 0, 0, 0.7); - background-color: #202526; } - .osd .scale .slider:hover, .osd - .scale slider:hover, .osd - scale .slider:hover, .osd - scale slider:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .scale .slider:active, .osd - .scale slider:active, .osd - scale .slider:active, .osd - scale slider:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .scale .slider:disabled, .osd - .scale slider:disabled, .osd - scale .slider:disabled, .osd - scale slider:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .scale .slider:backdrop, .osd - .scale slider:backdrop, .osd - scale .slider:backdrop, .osd - scale slider:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .scale trough, - .scale .trough, - scale trough, - scale .trough { - border-radius: 2px; - margin: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; } - .scale.fine-tune.horizontal, - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - .scale.fine-tune.vertical, - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - .scale.fine-tune .slider, - .scale.fine-tune slider, - scale.fine-tune .slider, - scale.fine-tune slider { - min-height: 16px; - min-width: 16px; - background-color: #ffffff; - border-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - box-shadow: none; } - .scale.fine-tune trough, - .scale.fine-tune .trough, - scale.fine-tune trough, - scale.fine-tune .trough { - border-radius: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; - margin: 2px; } - .scale fill, - scale fill { - border-radius: 2px; } - .scale fill, .scale fill:backdrop, - scale fill, - scale fill:backdrop { - background-color: #c4c4c4; - box-shadow: none; } - .scale fill:disabled, .scale fill:disabled:backdrop, - scale fill:disabled, - scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .osd .scale fill, .osd - scale fill { - background-color: rgba(62, 64, 65, 0.775); } - .osd .scale fill:disabled, .osd .scale fill:disabled:backdrop, .osd - scale fill:disabled, .osd - scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .scale value, - scale value { - color: alpha(currentColor,0.4); } - .scale marks, - scale marks { - color: alpha(currentColor,0.4); } - .scale marks.top, - scale marks.top { - margin-bottom: 6px; - margin-top: -12px; } - .scale marks.bottom, - scale marks.bottom { - margin-top: 6px; - margin-bottom: -12px; } - .scale marks.top, - scale marks.top { - margin-right: 6px; - margin-left: -12px; } - .scale marks.bottom, - scale marks.bottom { - margin-left: 6px; - margin-right: -12px; } - .scale.fine-tune marks.top, - scale.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -9px; } - .scale.fine-tune marks.bottom, - scale.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -9px; } - .scale.fine-tune marks.top, - scale.fine-tune marks.top { - margin-right: 6px; - margin-left: -9px; } - .scale.fine-tune marks.bottom, - scale.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -9px; } - .scale.horizontal indicator, - scale.horizontal indicator { - min-height: 6px; - min-width: 1px; } - .scale.horizontal.fine-tune indicator, - scale.horizontal.fine-tune indicator { - min-height: 3px; } - .scale.vertical indicator, - scale.vertical indicator { - min-height: 1px; - min-width: 6px; } - .scale.vertical.fine-tune indicator, - scale.vertical.fine-tune indicator { - min-width: 3px; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:backdrop, - .scale.color.horizontal slider:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal slider, - .scale.horizontal scale.color.horizontal .slider, - scale.color.horizontal .scale.horizontal .slider, - .scale.horizontal scale.color.horizontal slider, - scale.color.horizontal .scale.horizontal slider, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider, - scale.horizontal .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal .slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal .slider, - .scale.color.horizontal scale.horizontal .slider, - scale.horizontal .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal slider, - .scale.color.horizontal scale.horizontal slider, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal .slider:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider, - scale.horizontal contents:last-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:hover:backdrop:disabled, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:hover:backdrop:disabled, - .scale.horizontal scale.color.horizontal .slider:hover, - scale.color.horizontal .scale.horizontal .slider:hover, - .scale.horizontal scale.color.horizontal slider:hover, - scale.color.horizontal .scale.horizontal slider:hover, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover, - scale.horizontal .scale.color.horizontal .slider:hover, - .scale.color.horizontal scale.horizontal .slider:hover, - scale.horizontal .scale.color.horizontal slider:hover, - .scale.color.horizontal scale.horizontal slider:hover, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:hover:backdrop:disabled, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:hover:backdrop:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:active:backdrop:disabled, .scale.color.horizontal .slider:active, - .scale.color.horizontal slider:active:backdrop:disabled, - .scale.color.horizontal slider:active, - .scale.horizontal scale.color.horizontal .slider:active, - scale.color.horizontal .scale.horizontal .slider:active, - .scale.horizontal scale.color.horizontal slider:active, - scale.color.horizontal .scale.horizontal slider:active, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:active, - scale.horizontal .scale.color.horizontal .slider:active, - .scale.color.horizontal scale.horizontal .slider:active, - scale.horizontal .scale.color.horizontal slider:active, - .scale.color.horizontal scale.horizontal slider:active, - scale.color.horizontal .slider:active:backdrop:disabled, - scale.color.horizontal .slider:active, - scale.color.horizontal slider:active:backdrop:disabled, - scale.color.horizontal slider:active, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:disabled, - .scale.color.horizontal slider:disabled, - .scale.horizontal scale.color.horizontal .slider:disabled, - scale.color.horizontal .scale.horizontal .slider:disabled, - .scale.horizontal scale.color.horizontal slider:disabled, - scale.color.horizontal .scale.horizontal slider:disabled, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled, - scale.horizontal .scale.color.horizontal .slider:disabled, - .scale.color.horizontal scale.horizontal .slider:disabled, - scale.horizontal .scale.color.horizontal slider:disabled, - .scale.color.horizontal scale.horizontal slider:disabled, - scale.color.horizontal .slider:disabled, - scale.color.horizontal slider:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:backdrop, - .scale.color.horizontal slider:backdrop, - .scale.horizontal scale.color.horizontal .slider:backdrop, - scale.color.horizontal .scale.horizontal .slider:backdrop, - .scale.horizontal scale.color.horizontal slider:backdrop, - scale.color.horizontal .scale.horizontal slider:backdrop, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop, - scale.horizontal .scale.color.horizontal .slider:backdrop, - .scale.color.horizontal scale.horizontal .slider:backdrop, - scale.horizontal .scale.color.horizontal slider:backdrop, - .scale.color.horizontal scale.horizontal slider:backdrop, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal slider:backdrop, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.horizontal scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .scale.horizontal .slider:backdrop:disabled, - .scale.horizontal scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal .scale.horizontal slider:backdrop:disabled, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal .slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal slider:backdrop:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider, - scale.horizontal contents:first-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:active, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider, - .scale.vertical scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) .scale.vertical .slider, - .scale.vertical scale.color.vertical:dir(rtl) slider, - scale.color.vertical:dir(rtl) .scale.vertical slider, - .scale.vertical contents:last-child:not(:only-child) > trough > slider, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) scale.vertical .slider, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider, - .scale.color.vertical:dir(rtl) scale.vertical slider, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider, - scale.vertical contents:last-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .scale.vertical .slider:hover, - .scale.vertical scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) .scale.vertical slider:hover, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:hover, - scale.vertical .scale.color.vertical:dir(rtl) .slider:hover, - .scale.color.vertical:dir(rtl) scale.vertical .slider:hover, - scale.vertical .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) scale.vertical slider:hover, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider:active, - .scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:active, - .scale.vertical scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) .scale.vertical .slider:active, - .scale.vertical scale.color.vertical:dir(rtl) slider:active, - scale.color.vertical:dir(rtl) .scale.vertical slider:active, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:active, - scale.vertical .scale.color.vertical:dir(rtl) .slider:active, - .scale.color.vertical:dir(rtl) scale.vertical .slider:active, - scale.vertical .scale.color.vertical:dir(rtl) slider:active, - .scale.color.vertical:dir(rtl) scale.vertical slider:active, - scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:active, - scale.vertical contents:last-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:disabled, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .scale.vertical .slider:disabled, - .scale.vertical scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) .scale.vertical slider:disabled, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:disabled, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) slider:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:backdrop, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop, - .scale.vertical scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop:disabled, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider, - .scale.vertical scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) .scale.vertical .slider, - .scale.vertical scale.color.vertical:dir(ltr) slider, - scale.color.vertical:dir(ltr) .scale.vertical slider, - .scale.vertical contents:first-child:not(:only-child) > trough > slider, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) scale.vertical .slider, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider, - .scale.color.vertical:dir(ltr) scale.vertical slider, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider, - scale.vertical contents:first-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .scale.vertical .slider:hover, - .scale.vertical scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) .scale.vertical slider:hover, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:hover, - scale.vertical .scale.color.vertical:dir(ltr) .slider:hover, - .scale.color.vertical:dir(ltr) scale.vertical .slider:hover, - scale.vertical .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) scale.vertical slider:hover, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider:active, - .scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:active, - .scale.vertical scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) .scale.vertical .slider:active, - .scale.vertical scale.color.vertical:dir(ltr) slider:active, - scale.color.vertical:dir(ltr) .scale.vertical slider:active, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:active, - scale.vertical .scale.color.vertical:dir(ltr) .slider:active, - .scale.color.vertical:dir(ltr) scale.vertical .slider:active, - scale.vertical .scale.color.vertical:dir(ltr) slider:active, - .scale.color.vertical:dir(ltr) scale.vertical slider:active, - scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:active, - scale.vertical contents:first-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:disabled, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .scale.vertical .slider:disabled, - .scale.vertical scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) .scale.vertical slider:disabled, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:disabled, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) slider:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - 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: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:backdrop, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop, - .scale.vertical scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop:disabled, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color, - scale.color { - min-height: 0; - min-width: 0; } - .scale.color .trough, - .scale.color trough, - scale.color .trough, - scale.color trough { - background-image: linear-gradient(to top, #c4c4c4); - background-repeat: no-repeat; } - .scale.color.horizontal, - scale.color.horizontal { - padding: 0 0 15px 0; } - .scale.color.horizontal .trough, - .scale.color.horizontal trough, - scale.color.horizontal .trough, - scale.color.horizontal trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:backdrop, - .scale.color.horizontal slider:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal slider, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal .slider:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider { - margin-bottom: -15px; - margin-top: 6px; } - .scale.color.vertical:dir(ltr), - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - .scale.color.vertical:dir(ltr) .trough, - .scale.color.vertical:dir(ltr) trough, - scale.color.vertical:dir(ltr) .trough, - scale.color.vertical:dir(ltr) trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - .scale.color.vertical:dir(rtl), - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - .scale.color.vertical:dir(rtl) .trough, - .scale.color.vertical:dir(rtl) trough, - scale.color.vertical:dir(rtl) .trough, - scale.color.vertical:dir(rtl) trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - .scale.color.fine-tune.horizontal, - scale.color.fine-tune.horizontal { - padding: 0 0 12px 0; } - .scale.color.fine-tune.horizontal .trough, - .scale.color.fine-tune.horizontal trough, - scale.color.fine-tune.horizontal .trough, - scale.color.fine-tune.horizontal trough { - padding-bottom: 7px; - background-position: 0 -6px; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider { - margin-bottom: -15px; - margin-top: 6px; } - .scale.color.fine-tune.vertical:dir(ltr), - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - .scale.color.fine-tune.vertical:dir(ltr) .trough, - .scale.color.fine-tune.vertical:dir(ltr) trough, - scale.color.fine-tune.vertical:dir(ltr) .trough, - scale.color.fine-tune.vertical:dir(ltr) trough { - padding-left: 7px; - background-position: 6px 0; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - .scale.color.fine-tune.vertical:dir(rtl), - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - .scale.color.fine-tune.vertical:dir(rtl) .trough, - .scale.color.fine-tune.vertical:dir(rtl) trough, - scale.color.fine-tune.vertical:dir(rtl) .trough, - scale.color.fine-tune.vertical:dir(rtl) trough { - padding-right: 7px; - background-position: -6px 0; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - -/************** - * Scrollbars * - **************/ -.scrollbar, -scrollbar { - background-color: #dadada; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - .scrollbar.top, - scrollbar.top { - border-bottom: 1px solid #c4c4c4; } - .scrollbar.bottom, - scrollbar.bottom { - border-top: 1px solid #c4c4c4; } - .scrollbar.left, - scrollbar.left { - border-right: 1px solid #c4c4c4; } - .scrollbar.right, - scrollbar.right { - border-left: 1px solid #c4c4c4; } - .scrollbar:backdrop, - scrollbar:backdrop { - background-color: #efefef; - border-color: #c9c9c9; - transition: 200ms ease-out; } - .scrollbar .slider, - .scrollbar slider, - scrollbar .slider, - scrollbar slider { - min-width: 6px; - min-height: 6px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a0a0a0; } - .scrollbar .slider:hover, - .scrollbar slider:hover, - scrollbar .slider:hover, - scrollbar slider:hover { - background-color: #838383; } - .scrollbar .slider:hover:active, - .scrollbar slider:hover:active, - scrollbar .slider:hover:active, - scrollbar slider:hover:active { - background-color: #347d9f; } - .scrollbar .slider:backdrop, - .scrollbar slider:backdrop, - scrollbar .slider:backdrop, - scrollbar slider:backdrop { - background-color: #dadada; } - .scrollbar .slider:disabled, - .scrollbar slider:disabled, - scrollbar .slider:disabled, - scrollbar slider:disabled { - background-color: transparent; } - .scrollbar.fine-tune .slider, - .scrollbar.fine-tune slider, - scrollbar.fine-tune .slider, - scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; } - .scrollbar.fine-tune.horizontal slider, - scrollbar.fine-tune.horizontal slider { - border-width: 5px 4px; } - .scrollbar.fine-tune.vertical slider, - scrollbar.fine-tune.vertical slider { - border-width: 4px 5px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering), - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #666666; - border: 1px solid white; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: #666666; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid white; - -gtk-icon-source: none; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, - scrollbar.overlay-indicator.dragging, - scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - .scrollbar.horizontal slider, - scrollbar.horizontal slider { - min-width: 40px; } - .scrollbar.vertical slider, - scrollbar.vertical slider { - min-height: 40px; } - .scrollbar .button, - .scrollbar button, - scrollbar .button, - scrollbar button { - padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; - border-radius: 0; - transition-property: min-height, min-width, color; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a0a0a0; } - .scrollbar .button:hover, - .scrollbar button:hover, - scrollbar .button:hover, - scrollbar button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #838383; } - .scrollbar .button:active, .scrollbar .button:checked, - .scrollbar button:active, - .scrollbar button:checked, - scrollbar .button:active, - scrollbar .button:checked, - scrollbar button:active, - scrollbar button:checked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #347d9f; } - .scrollbar .button:insensitive, - .scrollbar button:insensitive, - scrollbar .button:insensitive, - scrollbar button:insensitive { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(160, 160, 160, 0.2); } - .scrollbar .button:disabled, - .scrollbar button:disabled, - scrollbar .button:disabled, - scrollbar button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(160, 160, 160, 0.2); } - .scrollbar .button:backdrop, - .scrollbar button:backdrop, - scrollbar .button:backdrop, - scrollbar button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #dadada; } - .scrollbar .button:backdrop:insensitive, .scrollbar .button:backdrop:disabled, - .scrollbar button:backdrop:insensitive, - .scrollbar button:backdrop:disabled, - scrollbar .button:backdrop:insensitive, - scrollbar .button:backdrop:disabled, - scrollbar button:backdrop:insensitive, - scrollbar button:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(218, 218, 218, 0.2); } - .scrollbar.vertical .button.down, - .scrollbar.vertical button.down, - scrollbar.vertical .button.down, - scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .scrollbar.vertical .button.up, - .scrollbar.vertical button.up, - scrollbar.vertical .button.up, - scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - .scrollbar.horizontal .button.down, - .scrollbar.horizontal button.down, - scrollbar.horizontal .button.down, - scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } - .scrollbar.horizontal .button.up, - .scrollbar.horizontal button.up, - scrollbar.horizontal .button.up, - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #c4c4c4; - margin-top: -1px; } - -/********************** - * Overlay Scrollbars * - *********************/ -OsThumb, -OsScrollbar { - color: #449ac2; } - OsThumb:active, OsThumb:selected, - OsScrollbar:active, - OsScrollbar:selected { - background-color: #449ac2; } - OsThumb:backdrop, OsThumb:active:backdrop, - OsScrollbar:backdrop, - OsScrollbar:active:backdrop { - background-color: #afafaf; } - OsThumb:insensitive, - OsScrollbar:insensitive { - background-color: #afafaf; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: solid; - background-color: #f7f7f7; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #c4c4c4; - border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list - .sidebar:dir(rtl), stacksidebar.sidebar.right list - .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #c4c4c4; - border-right-style: none; } - .sidebar:backdrop { - background-color: #fafafa; - border-color: #c9c9c9; - transition: 200ms ease-out; } - .sidebar list { - background-color: transparent; } - .sidebar .frame { - border-width: 0; - border-right-width: 1px; } - .sidebar .list-row, - .sidebar row { - border: none; - padding: 5px 8px; } - .sidebar .list-row > GtkLabel, - .sidebar .list-row > label, - .sidebar row > GtkLabel, - .sidebar row > label { - padding-left: 6px; - padding-right: 6px; } - .sidebar .list-row.needs-attention > label, - .sidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - .sidebar .separator { - color: #c4c4c4; } - .sidebar > .inline-toolbar { - border-radius: 0; } - .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, 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 .list-row, -stacksidebar row { - padding: 5px 8px; } - stacksidebar .list-row > label, - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar .list-row.needs-attention > label, - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -.spinbutton:not(.vertical) .entry, -.spinbutton:not(.vertical) entry, -spinbutton:not(.vertical) .entry, -spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - padding: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } -.spinbutton:not(.vertical) .button, -.spinbutton:not(.vertical) button, -spinbutton:not(.vertical) .button, -spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding: 6px; - color: #757575; - background-image: none; - border-style: none none none solid; - border-color: rgba(196, 196, 196, 0.3); - border-radius: 0; - box-shadow: none; } - .spinbutton:not(.vertical) .button:dir(rtl), - .spinbutton:not(.vertical) button:dir(rtl), - spinbutton:not(.vertical) .button:dir(rtl), - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .spinbutton:not(.vertical) .button:hover, - .spinbutton:not(.vertical) button:hover, - spinbutton:not(.vertical) .button:hover, - spinbutton:not(.vertical) button:hover { - color: #666666; - background-color: rgba(102, 102, 102, 0.05); } - .spinbutton:not(.vertical) .button:insensitive, .spinbutton:not(.vertical) .button:disabled, - .spinbutton:not(.vertical) button:insensitive, - .spinbutton:not(.vertical) button:disabled, - spinbutton:not(.vertical) .button:insensitive, - spinbutton:not(.vertical) .button:disabled, - spinbutton:not(.vertical) button:insensitive, - spinbutton:not(.vertical) button:disabled { - color: rgba(175, 175, 175, 0.3); } - .spinbutton:not(.vertical) .button:active, - .spinbutton:not(.vertical) button:active, - spinbutton:not(.vertical) .button:active, - spinbutton:not(.vertical) button:active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - .spinbutton:not(.vertical) .button:backdrop, - .spinbutton:not(.vertical) button:backdrop, - spinbutton:not(.vertical) .button:backdrop, - spinbutton:not(.vertical) button:backdrop { - color: #b7b7b7; - background-color: transparent; - border-color: rgba(201, 201, 201, 0.3); - transition: 200ms ease-out; } - .spinbutton:not(.vertical) .button:backdrop:disabled, - .spinbutton:not(.vertical) button:backdrop:disabled, - spinbutton:not(.vertical) .button:backdrop:disabled, - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(209, 209, 209, 0.3); - background-image: none; - border-style: none none none solid; } - .spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl), - .spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), - spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl), - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } -.osd .spinbutton:not(.vertical) button, .osd -spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - border-radius: 0; - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:dir(rtl), .osd - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton:not(.vertical) button:hover, .osd - spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:backdrop, .osd - spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.5); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:disabled, .osd - spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #616769; - border-color: rgba(0, 0, 0, 0.5); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:last-child, .osd - spinbutton:not(.vertical) button:last-child { - border-radius: 0 3px 3px 0; } - .osd .spinbutton:not(.vertical) button:dir(rtl):first-child, .osd - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -.spinbutton.vertical:insensitive, .spinbutton.vertical:disabled, -spinbutton.vertical:insensitive, -spinbutton.vertical:disabled { - color: #afafaf; } -.spinbutton.vertical:backdrop:disabled, -spinbutton.vertical:backdrop:disabled { - color: #d1d1d1; } -.spinbutton.vertical:drop(active), -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } -.spinbutton.vertical .entry, -.spinbutton.vertical entry, -spinbutton.vertical .entry, -spinbutton.vertical entry { - min-height: 24px; - min-width: 32px; - padding: 0; - border-radius: 0; } -.spinbutton.vertical .button, -.spinbutton.vertical button, -spinbutton.vertical .button, -spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; - border: none; - background: none; - box-shadow: none; - color: #666666; } - .spinbutton.vertical .button:hover, - .spinbutton.vertical button:hover, - spinbutton.vertical .button:hover, - spinbutton.vertical button:hover { - background-color: #449ac2; - color: #ffffff; - -gtk-icon-shadow: none; } - .spinbutton.vertical .button:active, - .spinbutton.vertical button:active, - spinbutton.vertical .button:active, - spinbutton.vertical button:active { - background-color: transparent; - color: #666666; } -.spinbutton.vertical .button.up, -.spinbutton.vertical button.up, -spinbutton.vertical .spinbutton.vertical .button.up, -.spinbutton.vertical spinbutton.vertical .button.up, -spinbutton.vertical .spinbutton.vertical button.up, -.spinbutton.vertical spinbutton.vertical button.up, -spinbutton.vertical .button.up, -spinbutton.vertical button.up { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } -.spinbutton.vertical .button.down, -.spinbutton.vertical button.down, -spinbutton.vertical .spinbutton.vertical .button.down, -.spinbutton.vertical spinbutton.vertical .button.down, -spinbutton.vertical .spinbutton.vertical button.down, -.spinbutton.vertical spinbutton.vertical button.down, -spinbutton.vertical .button.down, -spinbutton.vertical button.down { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } -.osd .spinbutton.vertical button:first-child, .osd -spinbutton.vertical button:first-child { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:hover, .osd - spinbutton.vertical button:first-child:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:active, .osd - spinbutton.vertical button:first-child:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:disabled, .osd - spinbutton.vertical button:first-child:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .spinbutton.vertical button:first-child:backdrop, .osd - spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -GtkTreeView .spinbutton:not(.vertical), treeview .spinbutton:not(.vertical), GtkTreeView -spinbutton:not(.vertical), treeview -spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - GtkTreeView .spinbutton:not(.vertical) .entry, - GtkTreeView .spinbutton:not(.vertical) entry, treeview .spinbutton:not(.vertical) .entry, - treeview .spinbutton:not(.vertical) entry, GtkTreeView - spinbutton:not(.vertical) .entry, - GtkTreeView - spinbutton:not(.vertical) entry, treeview - spinbutton:not(.vertical) .entry, - treeview - spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/*********** - * Spinner * - ***********/ -.menu.spinner, -menu spinner, -.primary-toolbar .spinner { - color: #449ac2; } - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -.spinner, -spinner { - background-image: none; - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - .spinner:active, .spinner:checked, - spinner:active, - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - .spinner:active:insensitive, .spinner:active:disabled, .spinner:checked:insensitive, .spinner:checked:disabled, - spinner:active:insensitive, - spinner:active:disabled, - spinner:checked:insensitive, - spinner:checked:disabled { - opacity: 0.5; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 16px; - -GtkSwitch-slider-height: 16px; } - -GtkSwitch, -switch { - font: 1; - font-weight: bold; - outline-offset: -4px; - transition: all 200ms ease-in; - border: none; - border-radius: 14px; - color: transparent; - padding: 2px; - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.8); } - GtkSwitch:insensitive, GtkSwitch:disabled, - switch:insensitive, - switch:disabled { - background-color: #fafafa; } - GtkSwitch:backdrop, - switch:backdrop { - background-color: #f7f7f7; - transition: 200ms ease-out; } - GtkSwitch:backdrop:insensitive, GtkSwitch:backdrop:disabled, - switch:backdrop:insensitive, - switch:backdrop:disabled { - background-color: #fafafa; } - GtkSwitch:active, GtkSwitch:checked, - switch:active, - switch:checked { - background-color: #449ac2; } - GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop, - switch:active:backdrop, - switch:checked:backdrop { - background-color: #57a4c8; } - GtkSwitch:active:backdrop .slider:backdrop, - GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop, - GtkSwitch:checked:backdrop slider:backdrop, - switch:active:backdrop .slider:backdrop, - switch:active:backdrop slider:backdrop, - switch:checked:backdrop .slider:backdrop, - switch:checked:backdrop slider:backdrop { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.9); - border: none; } - GtkSwitch .slider, - GtkSwitch slider, - switch .slider, - switch slider { - padding: 2px; - min-width: 16px; - min-height: 16px; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #ffffff; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } - GtkSwitch .slider:backdrop, - GtkSwitch slider:backdrop, - switch .slider:backdrop, - switch slider:backdrop { - padding: 2px; - box-shadow: none; - background-color: #ffffff; } - row:selected GtkSwitch, row:selected - switch { - box-shadow: none; - border-color: #347d9f; } - row:selected GtkSwitch:backdrop, row:selected - switch:backdrop { - border-color: #347d9f; } - row:selected GtkSwitch.slider:dir(rtl), row:selected - switch.slider:dir(rtl) { - border-left-color: #c4c4c4; } - row:selected GtkSwitch.slider:dir(ltr), row:selected - switch.slider:dir(ltr) { - border-right-color: #c4c4c4; } - row:selected GtkSwitch.slider:checked, row:selected GtkSwitch.slider, row:selected - switch.slider:checked, row:selected - switch.slider { - border-color: #347d9f; } - GtkSwitch trough:active, GtkSwitch trough:checked, - GtkSwitch .trough:active, - GtkSwitch .trough:checked, - switch trough:active, - switch trough:checked, - switch .trough:active, - switch .trough:checked { - background-color: #449ac2; } - GtkSwitch trough:active:backdrop, GtkSwitch trough:checked:backdrop, - GtkSwitch .trough:active:backdrop, - GtkSwitch .trough:checked:backdrop, - switch trough:active:backdrop, - switch trough:checked:backdrop, - switch .trough:active:backdrop, - switch .trough:checked:backdrop { - background-color: #57a4c8; } - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - -GtkWidget-window-dragging: true; - padding: 0px; - background-color: #636E73; - color: #ffffff; } - .toolbar:backdrop, - toolbar:backdrop { - background-color: #576165; - color: rgba(255, 255, 255, 0.5); } - -.osd .toolbar, .osd -toolbar { - box-shadow: none; - background-color: transparent; } -.toolbar button, -.toolbar .button, -.toolbar .flat, -.toolbar .text-button, -.toolbar .image-button, -toolbar button, -toolbar .button, -toolbar .flat, -toolbar .text-button, -toolbar .image-button { - border: none; - background: none; - text-shadow: none; - background-color: transparent; - color: #ffffff; - border-radius: 0px; - padding: 10px; } - .toolbar button:focus, .toolbar button:active, - .toolbar .button:focus, - .toolbar .button:active, - .toolbar .flat:focus, - .toolbar .flat:active, - .toolbar .text-button:focus, - .toolbar .text-button:active, - .toolbar .image-button:focus, - .toolbar .image-button:active, - toolbar button:focus, - toolbar button:active, - toolbar .button:focus, - toolbar .button:active, - toolbar .flat:focus, - toolbar .flat:active, - toolbar .text-button:focus, - toolbar .text-button:active, - toolbar .image-button:focus, - toolbar .image-button:active { - color: #ffffff; - text-shadow: none; - box-shadow: inset 0 -2px 0 0 #ffffff; - background-color: rgba(255, 255, 255, 0.1); } - .toolbar button:focus:backdrop, .toolbar button:active:backdrop, - .toolbar .button:focus:backdrop, - .toolbar .button:active:backdrop, - .toolbar .flat:focus:backdrop, - .toolbar .flat:active:backdrop, - .toolbar .text-button:focus:backdrop, - .toolbar .text-button:active:backdrop, - .toolbar .image-button:focus:backdrop, - .toolbar .image-button:active:backdrop, - toolbar button:focus:backdrop, - toolbar button:active:backdrop, - toolbar .button:focus:backdrop, - toolbar .button:active:backdrop, - toolbar .flat:focus:backdrop, - toolbar .flat:active:backdrop, - toolbar .text-button:focus:backdrop, - toolbar .text-button:active:backdrop, - toolbar .image-button:focus:backdrop, - toolbar .image-button:active:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .toolbar button:hover, - .toolbar .button:hover, - .toolbar .flat:hover, - .toolbar .text-button:hover, - .toolbar .image-button:hover, - toolbar button:hover, - toolbar .button:hover, - toolbar .flat:hover, - toolbar .text-button:hover, - toolbar .image-button:hover { - background-color: rgba(255, 255, 255, 0.1); - text-shadow: none; - color: #ffffff; - box-shadow: inset 0 -2px 0 0 #ffffff; } - .toolbar button:insensitive, - .toolbar .button:insensitive, - .toolbar .flat:insensitive, - .toolbar .text-button:insensitive, - .toolbar .image-button:insensitive, - toolbar button:insensitive, - toolbar .button:insensitive, - toolbar .flat:insensitive, - toolbar .text-button:insensitive, - toolbar .image-button:insensitive { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .toolbar button:backdrop, - .toolbar .button:backdrop, - .toolbar .flat:backdrop, - .toolbar .text-button:backdrop, - .toolbar .image-button:backdrop, - toolbar button:backdrop, - toolbar .button:backdrop, - toolbar .flat:backdrop, - toolbar .text-button:backdrop, - toolbar .image-button:backdrop { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } -.toolbar .separator, -toolbar .separator { - color: transparent; - background-color: transparent; } -.toolbar.osd, -toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(32, 37, 38, 0.8); } - .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, - toolbar.osd.left, - toolbar.osd.right, - toolbar.osd.top, - toolbar.osd.bottom { - border-radius: 0; } -.toolbar.horizontal separator, -toolbar.horizontal separator { - margin: 0 7px 1px 6px; } -.toolbar.vertical separator, -toolbar.vertical separator { - margin: 6px 1px 7px 0; } - -/******************* - * Inline Toolbars * - *******************/ -searchbar, -.search-bar, .location-bar, -.inline-toolbar { - -GtkWidget-window-dragging: true; - background-color: #f2f2f2; - color: #666666; - border: 1px solid #c4c4c4; - border-top-width: 0; - border-radius: 0 0 5px 5px; - box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); - padding: 0px; } - searchbar:backdrop, - .search-bar:backdrop, .location-bar:backdrop, - .inline-toolbar:backdrop { - background-color: #eaeaea; } - searchbar button, - .search-bar button, .location-bar button, - searchbar .button, - .search-bar .button, - .location-bar .button, - searchbar .flat, - .search-bar .flat, - .location-bar .flat, - searchbar .text-button, - .search-bar .text-button, - .location-bar .text-button, - searchbar .image-button, - .search-bar .image-button, - .location-bar .image-button, - .inline-toolbar button, - .inline-toolbar .button, - .inline-toolbar .flat, - .inline-toolbar .text-button, - .inline-toolbar .image-button { - border: none; - background: none; - text-shadow: none; - box-shadow: none; - background-color: transparent; - color: #666666; - border-radius: 0px; - padding: 10px; } - searchbar button:focus, - .search-bar button:focus, .location-bar button:focus, searchbar button:active, - .search-bar button:active, .location-bar button:active, - searchbar .button:focus, - .search-bar .button:focus, - .location-bar .button:focus, - searchbar .button:active, - .search-bar .button:active, - .location-bar .button:active, - searchbar .flat:focus, - .search-bar .flat:focus, - .location-bar .flat:focus, - searchbar .flat:active, - .search-bar .flat:active, - .location-bar .flat:active, - searchbar .text-button:focus, - .search-bar .text-button:focus, - .location-bar .text-button:focus, - searchbar .text-button:active, - .search-bar .text-button:active, - .location-bar .text-button:active, - searchbar .image-button:focus, - .search-bar .image-button:focus, - .location-bar .image-button:focus, - searchbar .image-button:active, - .search-bar .image-button:active, - .location-bar .image-button:active, - .inline-toolbar button:focus, - .inline-toolbar button:active, - .inline-toolbar .button:focus, - .inline-toolbar .button:active, - .inline-toolbar .flat:focus, - .inline-toolbar .flat:active, - .inline-toolbar .text-button:focus, - .inline-toolbar .text-button:active, - .inline-toolbar .image-button:focus, - .inline-toolbar .image-button:active { - font: bold; - color: #666666; - text-shadow: none; - box-shadow: none; - background-color: rgba(0, 0, 0, 0.05); } - searchbar button:focus:backdrop, - .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, - .search-bar button:active:backdrop, .location-bar button:active:backdrop, - searchbar .button:focus:backdrop, - .search-bar .button:focus:backdrop, - .location-bar .button:focus:backdrop, - searchbar .button:active:backdrop, - .search-bar .button:active:backdrop, - .location-bar .button:active:backdrop, - searchbar .flat:focus:backdrop, - .search-bar .flat:focus:backdrop, - .location-bar .flat:focus:backdrop, - searchbar .flat:active:backdrop, - .search-bar .flat:active:backdrop, - .location-bar .flat:active:backdrop, - searchbar .text-button:focus:backdrop, - .search-bar .text-button:focus:backdrop, - .location-bar .text-button:focus:backdrop, - searchbar .text-button:active:backdrop, - .search-bar .text-button:active:backdrop, - .location-bar .text-button:active:backdrop, - searchbar .image-button:focus:backdrop, - .search-bar .image-button:focus:backdrop, - .location-bar .image-button:focus:backdrop, - searchbar .image-button:active:backdrop, - .search-bar .image-button:active:backdrop, - .location-bar .image-button:active:backdrop, - .inline-toolbar button:focus:backdrop, - .inline-toolbar button:active:backdrop, - .inline-toolbar .button:focus:backdrop, - .inline-toolbar .button:active:backdrop, - .inline-toolbar .flat:focus:backdrop, - .inline-toolbar .flat:active:backdrop, - .inline-toolbar .text-button:focus:backdrop, - .inline-toolbar .text-button:active:backdrop, - .inline-toolbar .image-button:focus:backdrop, - .inline-toolbar .image-button:active:backdrop { - border: none; - background-color: transparent; - color: #afafaf; } - searchbar button:hover, - .search-bar button:hover, .location-bar button:hover, - searchbar .button:hover, - .search-bar .button:hover, - .location-bar .button:hover, - searchbar .flat:hover, - .search-bar .flat:hover, - .location-bar .flat:hover, - searchbar .text-button:hover, - .search-bar .text-button:hover, - .location-bar .text-button:hover, - searchbar .image-button:hover, - .search-bar .image-button:hover, - .location-bar .image-button:hover, - .inline-toolbar button:hover, - .inline-toolbar .button:hover, - .inline-toolbar .flat:hover, - .inline-toolbar .text-button:hover, - .inline-toolbar .image-button:hover { - background-color: rgba(0, 0, 0, 0.05); - text-shadow: none; - color: #666666; - box-shadow: none; } - searchbar button:insensitive, - .search-bar button:insensitive, .location-bar button:insensitive, - searchbar .button:insensitive, - .search-bar .button:insensitive, - .location-bar .button:insensitive, - searchbar .flat:insensitive, - .search-bar .flat:insensitive, - .location-bar .flat:insensitive, - searchbar .text-button:insensitive, - .search-bar .text-button:insensitive, - .location-bar .text-button:insensitive, - searchbar .image-button:insensitive, - .search-bar .image-button:insensitive, - .location-bar .image-button:insensitive, - .inline-toolbar button:insensitive, - .inline-toolbar .button:insensitive, - .inline-toolbar .flat:insensitive, - .inline-toolbar .text-button:insensitive, - .inline-toolbar .image-button:insensitive { - background: none; - background-color: transparent; - color: rgba(102, 102, 102, 0.5); } - searchbar button:backdrop, - .search-bar button:backdrop, .location-bar button:backdrop, - searchbar .button:backdrop, - .search-bar .button:backdrop, - .location-bar .button:backdrop, - searchbar .flat:backdrop, - .search-bar .flat:backdrop, - .location-bar .flat:backdrop, - searchbar .text-button:backdrop, - .search-bar .text-button:backdrop, - .location-bar .text-button:backdrop, - searchbar .image-button:backdrop, - .search-bar .image-button:backdrop, - .location-bar .image-button:backdrop, - .inline-toolbar button:backdrop, - .inline-toolbar .button:backdrop, - .inline-toolbar .flat:backdrop, - .inline-toolbar .text-button:backdrop, - .inline-toolbar .image-button:backdrop { - border: none; - background: none; - background-color: transparent; - color: #afafaf; } - searchbar .entry, - .search-bar .entry, .location-bar .entry, - searchbar entry, - .search-bar entry, - .location-bar entry, - .inline-toolbar .entry, - .inline-toolbar entry { - background: none; - color: #666666; - border-radius: 0px; - border: none; - box-shadow: none; } - searchbar .entry.image, - .search-bar .entry.image, .location-bar .entry.image, - searchbar entry.image, - .search-bar entry.image, - .location-bar entry.image, - .inline-toolbar .entry.image, - .inline-toolbar entry.image { - color: #666666; } - searchbar .entry.image.left, - .search-bar .entry.image.left, .location-bar .entry.image.left, - searchbar entry.image.left, - .search-bar entry.image.left, - .location-bar entry.image.left, - .inline-toolbar .entry.image.left, - .inline-toolbar entry.image.left { - padding-right: 6px; } - searchbar .entry:backdrop, - .search-bar .entry:backdrop, .location-bar .entry:backdrop, - searchbar entry:backdrop, - .search-bar entry:backdrop, - .location-bar entry:backdrop, - .inline-toolbar .entry:backdrop, - .inline-toolbar entry:backdrop { - color: #afafaf; } - searchbar .entry:selected, - .search-bar .entry:selected, .location-bar .entry:selected, - searchbar entry:selected, - .search-bar entry:selected, - .location-bar entry:selected, - .inline-toolbar .entry:selected, - .inline-toolbar entry:selected { - color: #ffffff; - background-color: #449ac2; } - -searchbar, -.search-bar, .location-bar { - border-style: solid; - border-color: #c4c4c4; - background-color: #e8e8e8; } - searchbar:backdrop, - .search-bar:backdrop, .location-bar:backdrop { - border-color: #c9c9c9; - background-color: #e7e7e7; - box-shadow: none; - transition: 200ms ease-out; } - -searchbar, -.search-bar { - padding: 3px 0px; - border-width: 0; - border-radius: 0; } - -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -/************ - * Tooltips * - ************/ -tooltip, -.tooltip, -.overlay-bar { - margin: 4px; - border: none; - border-radius: 3px; - background-color: #ffffff; - color: #666666; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } - tooltip.background, - .tooltip.background, - .overlay-bar.background { - background-color: #ffffff; - border: none; } - tooltip decoration, - .tooltip decoration, - .overlay-bar decoration { - background-color: transparent; } - tooltip *, - .tooltip *, - .overlay-bar * { - padding: 2px; - background-color: transparent; - color: #666666; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); - padding-left: 10px; } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); - padding-left: 10px; } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); - padding-left: 10px; } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } - -.context-menu { - font: initial; } - -.button.circular, -button.circular { - border-radius: 20px; - -gtk-outline-radius: 20px; } - .button.circular label, - button.circular label { - padding: 0; } - -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #666666; - background-color: #ffffff; - border: 1px solid; - border-color: #dedede; - border-radius: 5px; - box-shadow: inset 0 -3px #f9f9f9; - font-size: smaller; } - .keycap:backdrop { - background-color: #fcfcfc; - color: #afafaf; - transition: 200ms ease-out; } - -*:drop(active):focus, -*:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; - caret-color: #4e9a06; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************** - * Tree Views * - **************/ -GtkTreeView.view, -treeview.view { - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: #b3b3b3; - border-top-color: #f7f7f7; } - GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - border-radius: 0; } - GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, - treeview.view:selected:backdrop, - treeview.view:selected { - border-left-color: #a2cde1; - border-top-color: rgba(102, 102, 102, 0.1); } - GtkTreeView.view:disabled, - treeview.view:disabled { - color: #afafaf; } - GtkTreeView.view:disabled:selected, - treeview.view:disabled:selected { - color: #8fc2da; } - GtkTreeView.view:disabled:selected:backdrop, - treeview.view:disabled:selected:backdrop { - color: rgba(91, 167, 202, 0.85); } - GtkTreeView.view:disabled:backdrop, - treeview.view:disabled:backdrop { - color: #d1d1d1; } - GtkTreeView.view.separator, - treeview.view.separator { - min-height: 2px; - color: #f7f7f7; } - GtkTreeView.view.separator:backdrop, - treeview.view.separator:backdrop { - color: rgba(247, 247, 247, 0.1); } - GtkTreeView.view:backdrop, - treeview.view:backdrop { - border-left-color: lightgray; - border-top: #f7f7f7; } - GtkTreeView.view:drop(active), - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #347d9f; } - GtkTreeView.view:drop(active).after, - treeview.view:drop(active).after { - border-top-style: none; } - GtkTreeView.view:drop(active).before, - treeview.view:drop(active).before { - border-bottom-style: none; } - GtkTreeView.view.expander, - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #949494; } - GtkTreeView.view.expander:dir(rtl), - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover, - treeview.view.expander:hover { - color: #666666; } - GtkTreeView.view.expander:selected, - treeview.view.expander:selected { - color: #c7e1ed; } - GtkTreeView.view.expander:selected:hover, - treeview.view.expander:selected:hover { - color: #ffffff; } - GtkTreeView.view.expander:selected:backdrop, - treeview.view.expander:selected:backdrop { - color: rgba(150, 198, 221, 0.65); } - GtkTreeView.view.expander:checked, - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:backdrop, - treeview.view.expander:backdrop { - color: #c6c6c6; } - GtkTreeView.view.progressbar, - treeview.view.progressbar { - color: #ffffff; - border: 1px solid #347d9f; - border-radius: 4px; - background-color: #449ac2; - background-image: linear-gradient(to bottom, #449ac2, #347d9f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } - GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, - treeview.view.progressbar:selected:focus, - treeview.view.progressbar:selected { - border-radius: 0; - color: #449ac2; - box-shadow: none; - background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } - GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, - treeview.view.progressbar:selected:focus:backdrop, - treeview.view.progressbar:selected:backdrop { - color: #449ac2; - border-color: #347d9f; - background-color: #fcfcfc; } - GtkTreeView.view.progressbar:backdrop, - treeview.view.progressbar:backdrop { - color: #fcfcfc; - background-image: none; - box-shadow: none; } - GtkTreeView.view.trough, - treeview.view.trough { - background-color: rgba(102, 102, 102, 0.1); - border-radius: 4px; } - GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, - treeview.view.trough:selected:focus, - treeview.view.trough:selected { - background-color: rgba(255, 255, 255, 0.3); - border-radius: 4px; - border-width: 1px 0; - border-style: solid; - border-color: #449ac2; } - GtkTreeView.view column-header .button, - GtkTreeView.view column-header button, - GtkTreeView.view header .button, - GtkTreeView.view header button, - treeview.view column-header .button, - treeview.view column-header button, - treeview.view header .button, - treeview.view header button { - color: #b3b3b3; - background-color: #ffffff; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - GtkTreeView.view column-header .button:hover, - GtkTreeView.view column-header button:hover, - GtkTreeView.view header .button:hover, - GtkTreeView.view header button:hover, - treeview.view column-header .button:hover, - treeview.view column-header button:hover, - treeview.view header .button:hover, - treeview.view header button:hover { - color: #8d8d8d; - box-shadow: none; - transition: none; } - GtkTreeView.view column-header .button:active, - GtkTreeView.view column-header button:active, - GtkTreeView.view header .button:active, - GtkTreeView.view header button:active, - treeview.view column-header .button:active, - treeview.view column-header button:active, - treeview.view header .button:active, - treeview.view header button:active { - color: #666666; - transition: none; } - GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, - GtkTreeView.view header button:last-child:backdrop, - GtkTreeView.view header button:last-child, - treeview.view column-header button:last-child:backdrop, - treeview.view column-header button:last-child, - treeview.view header button:last-child:backdrop, - treeview.view header button:last-child { - border-right-style: none; } - GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, - GtkTreeView.view button.dnd:active, - GtkTreeView.view button.dnd:selected, - GtkTreeView.view button.dnd:hover, - GtkTreeView.view button.dnd, - GtkTreeView.view column-header.button.dnd:active, - GtkTreeView.view column-header.button.dnd:selected, - GtkTreeView.view column-header.button.dnd:hover, - GtkTreeView.view column-header.button.dnd, - GtkTreeView.view header.button.dnd:active, - GtkTreeView.view header.button.dnd:selected, - GtkTreeView.view header.button.dnd:hover, - GtkTreeView.view header.button.dnd, - treeview.view .button.dnd:active, - treeview.view .button.dnd:selected, - treeview.view .button.dnd:hover, - treeview.view .button.dnd, - treeview.view button.dnd:active, - treeview.view button.dnd:selected, - treeview.view button.dnd:hover, - treeview.view button.dnd, - treeview.view column-header.button.dnd:active, - treeview.view column-header.button.dnd:selected, - treeview.view column-header.button.dnd:hover, - treeview.view column-header.button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 4px 6px; - transition: none; - background-image: none; - background-color: #449ac2; - color: #ffffff; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px #ffffff; - text-shadow: none; } - -GtkTreeView.view column-header .button, -GtkTreeView.view column-header button, -GtkTreeView.view header .button, -GtkTreeView.view header button, -treeview.view column-header .button, -treeview.view column-header button, -treeview.view header .button, -treeview.view header button, GtkTreeView.view column-header .button:hover, -GtkTreeView.view column-header button:hover, -GtkTreeView.view header .button:hover, -GtkTreeView.view header button:hover, -treeview.view column-header .button:hover, -treeview.view column-header button:hover, -treeview.view header .button:hover, -treeview.view header button:hover, GtkTreeView.view column-header .button:active, -GtkTreeView.view column-header button:active, -GtkTreeView.view header .button:active, -GtkTreeView.view header button:active, -treeview.view column-header .button:active, -treeview.view column-header button:active, -treeview.view header .button:active, -treeview.view header button:active { - padding: 4px 6px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: #f7f7f7; } - GtkTreeView.view column-header .button:disabled, - GtkTreeView.view column-header button:disabled, - GtkTreeView.view header .button:disabled, - GtkTreeView.view header button:disabled, - treeview.view column-header .button:disabled, - treeview.view column-header button:disabled, - treeview.view header .button:disabled, - treeview.view header button:disabled { - border-color: #f7f7f7; - background-image: none; } - GtkTreeView.view column-header .button:backdrop, - GtkTreeView.view column-header button:backdrop, - GtkTreeView.view header .button:backdrop, - GtkTreeView.view header button:backdrop, - treeview.view column-header .button:backdrop, - treeview.view column-header button:backdrop, - treeview.view header .button:backdrop, - treeview.view header button:backdrop { - border-color: #f7f7f7; - border-style: none solid solid none; - color: lightgray; - background-image: none; - background-color: #fcfcfc; } - GtkTreeView.view column-header .button:backdrop:disabled, - GtkTreeView.view column-header button:backdrop:disabled, - GtkTreeView.view header .button:backdrop:disabled, - GtkTreeView.view header button:backdrop:disabled, - treeview.view column-header .button:backdrop:disabled, - treeview.view column-header button:backdrop:disabled, - treeview.view header .button:backdrop:disabled, - treeview.view header button:backdrop:disabled { - border-color: #f7f7f7; - background-image: none; } - -/********************** - * Window Decorations * - *********************/ -.window-frame, -decoration { - border-radius: 4px; - border-width: 0px; - box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); - margin: 10px; } - .window-frame:backdrop, - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); - transition: 200ms ease-out; } - .fullscreen .window-frame, .tiled .window-frame, .fullscreen - decoration, .tiled - decoration { - border-radius: 0; } - .popup .window-frame, .popup - decoration { - box-shadow: none; } - .ssd .window-frame, .ssd - decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } - .csd.popup .window-frame, .csd.popup - decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd - decoration, tooltip.csd - decoration { - border-radius: 5px; - box-shadow: none; } - GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd - decoration, messagedialog.csd - decoration { - border-radius: 5px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } - .solid-csd .window-frame, .solid-csd - decoration { - border-radius: 0; - margin: 4px; - background-color: #f7f7f7; - border: 0px solid #c9c9c9; - box-shadow: none; } - -.view:selected:focus, GtkIconView:selected:focus, -iconview:selected:focus, .view:selected, GtkIconView:selected, -iconview:selected, -GtkTextView text:selected:focus, -textview text:selected:focus, -GtkTextView text:selected, -textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, -textview text selection:focus, -textview text selection, GtkFlow flowboxchild:selected, -flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected, -.popover.background checkbutton:selected, -.popover.background .radio:selected, -.popover.background radiobutton:selected, -popover.background .check:selected, -popover.background checkbutton:selected, -popover.background .radio:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, GtkCalendar:selected, -calendar:selected, -spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical), -spinbutton:selected:not(.vertical), -.entry:selected:focus, -.entry:selected, -entry:selected:focus, -entry:selected, -spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection, -spinbutton:not(.vertical) selection, -.entry selection:focus, -.entry selection, -entry selection:focus, -entry selection, row:selected, -.list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, -treeview.view:selected:focus, -treeview.view:selected { - background-color: #449ac2; } - .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected - label, row:selected - label, - label:selected, .view:selected:focus, GtkIconView:selected:focus, - iconview:selected:focus, .view:selected, GtkIconView:selected, - iconview:selected, - GtkTextView text:selected:focus, - textview text:selected:focus, - GtkTextView text:selected, - textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, - textview text selection:focus, - textview text selection, GtkFlow flowboxchild:selected, - flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected, - .popover.background checkbutton:selected, - .popover.background .radio:selected, - .popover.background radiobutton:selected, - popover.background .check:selected, - popover.background checkbutton:selected, - popover.background .radio:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, GtkCalendar:selected, - calendar:selected, - spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical), - spinbutton:selected:not(.vertical), - .entry:selected:focus, - .entry:selected, - entry:selected:focus, - entry:selected, - spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection, - spinbutton:not(.vertical) selection, - .entry selection:focus, - .entry selection, - entry selection:focus, - entry selection, row:selected, - .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } - .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected - label:disabled, row:selected - label:disabled, - label:disabled:selected, GtkIconView:disabled:selected:focus, - iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, - iconview:disabled:selected, - GtkTextView text:disabled:selected:focus, - textview text:disabled:selected:focus, - GtkTextView text:disabled:selected, - textview text:disabled:selected, GtkTextView text selection:disabled, - textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, - flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, - label:disabled selection, modelbutton.flat:disabled:selected, .popover.background .check:disabled:selected, - .popover.background checkbutton:disabled:selected, - .popover.background .radio:disabled:selected, - .popover.background radiobutton:disabled:selected, - popover.background .check:disabled:selected, - popover.background checkbutton:disabled:selected, - popover.background .radio:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, GtkCalendar:disabled:selected, - calendar:disabled:selected, .spinbutton:disabled:selected:not(.vertical), - spinbutton:disabled:selected:not(.vertical), - .entry:disabled:selected, - entry:disabled:selected, .spinbutton:not(.vertical) selection:disabled, - spinbutton:not(.vertical) selection:disabled, - .entry selection:disabled, - entry selection:disabled, row:disabled:selected, - .list-row:disabled:selected { - color: #a2cde1; } - .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected - label:backdrop, row:selected - label:backdrop, - label:backdrop:selected, GtkIconView:backdrop:selected:focus, - iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, - iconview:backdrop:selected, - GtkTextView text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - GtkTextView text:backdrop:selected, - textview text:backdrop:selected, GtkTextView text selection:backdrop, - textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, - flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, - label:backdrop selection, modelbutton.flat:backdrop:selected, .popover.background .check:backdrop:selected, - .popover.background checkbutton:backdrop:selected, - .popover.background .radio:backdrop:selected, - .popover.background radiobutton:backdrop:selected, - popover.background .check:backdrop:selected, - popover.background checkbutton:backdrop:selected, - popover.background .radio:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, - calendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical), - spinbutton:backdrop:selected:not(.vertical), - .entry:backdrop:selected, - entry:backdrop:selected, .spinbutton:not(.vertical) selection:backdrop, - spinbutton:not(.vertical) selection:backdrop, - .entry selection:backdrop, - entry selection:backdrop, row:backdrop:selected, - .list-row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected - label:backdrop:disabled, row:selected - label:backdrop:disabled, - label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, - iconview:backdrop:disabled:selected, - GtkTextView text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, - textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, - flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, - label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, - label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, .popover.background .check:backdrop:disabled:selected, - .popover.background checkbutton:backdrop:disabled:selected, - .popover.background .radio:backdrop:disabled:selected, - .popover.background radiobutton:backdrop:disabled:selected, - popover.background .check:backdrop:disabled:selected, - popover.background checkbutton:backdrop:disabled:selected, - popover.background .radio:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, GtkCalendar:backdrop:disabled:selected, - calendar:backdrop:disabled:selected, .spinbutton:backdrop:disabled:selected:not(.vertical), - spinbutton:backdrop:disabled:selected:not(.vertical), - .entry:backdrop:disabled:selected, - entry:backdrop:disabled:selected, .spinbutton:not(.vertical) selection:backdrop:disabled, - spinbutton:not(.vertical) selection:backdrop:disabled, - .entry selection:backdrop:disabled, - entry selection:backdrop:disabled, row:backdrop:disabled:selected, - .list-row:backdrop:disabled:selected { - color: rgba(91, 167, 202, 0.85); } - -.monospace { - font: Monospace; } - -/********************** - * DE-Specific Styles * - **********************/ -/********** -* Budgie * -**********/ -.budgie-panel { - background-color: rgba(0, 0, 0, 0.8); - transition: 100ms ease-in; - font: bold; - color: white; } - .budgie-panel .top { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .bottom { - border-top: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .left { - border-right: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .right { - border-left: 1px solid rgba(255, 255, 255, 0.2); } - -.max-budgie-panel { - background-color: black; - transition: 100ms ease-in; - font: bold; - color: white; } - .max-budgie-panel .top { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .bottom { - border-top: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .left { - border-right: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .right { - border-left: 1px solid rgba(255, 255, 255, 0.2); } - -/* Top launchers */ -/* Left hand side launchers */ -/* Right hand side launchers */ -.notification .priority.low { - background-color: #2095f2; } - -.notification .priority.high { - background-color: #feea3a; } - -.notification .priority.critical { - background-color: #f34235; } - -/*************** - * font-viewer * - ***************/ -SushiFontWidget { - padding: 6px 12px; } - -/********** - * Sudoku * - **********/ -SudokuView SudokuCellView { - border: inherit; - background-color: inherit; } - -SudokuView SudokuCellView:backdrop { - border: inherit; - background-color: inherit; } - -SudokuView { - border: none; } - -/***************** - * Character Map * - *****************/ -GucharmapChartable { - background-color: #ffffff; } - -GucharmapChartable:active, -GucharmapChartable:focus, -GucharmapChartable:selected { - background-color: #449ac2; - color: #ffffff; } - -/******** - * Misc * - *******/ -ApDocView, -EogScrollView, -CheeseThumbView { - -EogScrollView-shadow-type: none; } - -/************ - * Terminal * - ************/ -TerminalScreen, -VteTerminal { - background-color: rgba(0, 43, 54, 0.9); - color: #839495; } - -TerminalWindow .titlebar, -TerminalWindow .header-bar { - background-color: #636E73; } - TerminalWindow .titlebar:backdrop, - TerminalWindow .header-bar:backdrop { - background-color: #4b5458; } - -/************ - * Nautilus * - ************/ -NautilusCanvasView { - border: none; } - NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { - border: none; } - -.nautilus-circular-button { - border-radius: 20px; - outline-radius: 20px; } - -.disk-space-display { - border: 2px solid; } - .disk-space-display .unknown { - background-color: #888a85; - border-color: shade(#888a85, 0.8); } - .disk-space-display .used { - background-color: #9FB0B9; - border-color: shade(#9FB0B9, 0.8); } - .disk-space-display .free { - background-color: #D8D8D8; - border-color: shade(#D8D8D8, 0.8); } - -.nautilus-desktop { - color: #666666; } - .nautilus-desktop .nautilus-canvas-item { - border-radius: 5px; - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop .nautilus-canvas-item:active { - color: #666666; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item:prelight { - color: #666666; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item:selected { - color: #ffffff; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, - .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected, - .header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, - headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { - color: #ffffff; } - .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, - .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list .header-bar .subtitle:selected, - .header-bar .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list headerbar .subtitle:selected, - headerbar .nautilus-desktop .nautilus-list .subtitle:selected { - color: #ffffff; } - -/*********** - * Builder * - ***********/ -GbGreeterWindow .titlebar, -GbGreeterWindow .header-bar, -GbWorkbench .titlebar, -GbWorkbench .header-bar { - background-color: #CBBB2E; } - GbGreeterWindow .titlebar:backdrop, - GbGreeterWindow .header-bar:backdrop, - GbWorkbench .titlebar:backdrop, - GbWorkbench .header-bar:backdrop { - background-color: #a19525; } - -/************** - * Calculator * - **************/ -MathWindow { - background-color: #ffffff; - border-radius: 0 0 4px 4px; } - MathWindow .titlebar, - MathWindow .header-bar, - MathWindow .toolbar { - background-color: #07ce8e; } - MathWindow .titlebar:backdrop, - MathWindow .header-bar:backdrop, - MathWindow .toolbar:backdrop { - background-color: #059d6c; } - MathWindow MathButtons GtkComboBox, - MathWindow MathButtons .button { - background-color: transparent; - background-image: none; - box-shadow: none; - border: none; - text-shadow: none; - color: #07ce8e; - font: bold; } - MathWindow MathButtons GtkComboBox:hover, - MathWindow MathButtons .button:hover { - background-image: none; - background-color: #ffffff; - color: #07ce8e; } - MathWindow MathButtons GtkComboBox:backdrop, - MathWindow MathButtons .button:backdrop { - color: #059d6c; } - MathWindow MathButtons GtkComboBox.text-button.suggested-action, - MathWindow MathButtons .button.text-button.suggested-action { - background-image: none; - box-shadow: none; - text-shadow: none; - background-color: #07ce8e; - color: #ffffff; } - MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, - MathWindow MathButtons .button.text-button.suggested-action:backdrop { - background-color: #059d6c; - color: rgba(255, 255, 255, 0.5); } - MathWindow MathDisplay { - padding: 4px; - background-color: #ffffff; - border: 1px solid #c4c4c4; } - -/************ - * Calendar * - ************/ -GcalWindow .titlebar, -GcalWindow .header-bar { - background-color: #75A3F6; } - GcalWindow .titlebar:backdrop, - GcalWindow .header-bar:backdrop { - background-color: #4583f3; } - -/********** - * Cheese * - **********/ -CheeseWindow .titlebar, -CheeseWindow .header-bar, -CheeseWindow .toolbar { - background-color: #ad7fa8; } - CheeseWindow .titlebar:backdrop, - CheeseWindow .header-bar:backdrop, - CheeseWindow .toolbar:backdrop { - background-color: #986192; } - -/************ - * Contacts * - ************/ -ContactsWindow .titlebar, -ContactsWindow .header-bar { - background-color: #2095F2; } - ContactsWindow .titlebar:backdrop, - ContactsWindow .header-bar:backdrop { - background-color: #0c7bd3; } - -/********** - * Clocks * - **********/ -ClocksWindow .titlebar, -ClocksWindow .header-bar { - background-color: #4BAE4F; } - ClocksWindow .titlebar:backdrop, - ClocksWindow .header-bar:backdrop { - background-color: #3c8a3f; } - -/********* - * Disks * - *********/ -GduWindow .titlebar, -GduWindow .header-bar { - background-color: #8561C5; } - GduWindow .titlebar:backdrop, - GduWindow .header-bar:backdrop { - background-color: #6a41b2; } - -/************** - * Disk Usage * - **************/ -BaobabWindow .titlebar, -BaobabWindow .header-bar { - background-color: #CC5E55; } - BaobabWindow .titlebar:backdrop, - BaobabWindow .header-bar:backdrop { - background-color: #b74137; } - -/************* - * Documents * - *************/ -#Documents .titlebar, -#Documents .header-bar { - background-color: #C2352A; } - #Documents .titlebar:backdrop, - #Documents .header-bar:backdrop { - background-color: #982a21; } - -/************ - * Epiphany * - ************/ -EphyWindow .titlebar, -EphyWindow .header-bar { - background-color: #6573C3; } - EphyWindow .titlebar:backdrop, - EphyWindow .header-bar:backdrop { - background-color: #4555b0; } - EphyWindow .titlebar .incognito-mode, - EphyWindow .header-bar .incognito-mode { - background-color: #3e4c9e; } - EphyWindow .titlebar .incognito-mode .button, - EphyWindow .header-bar .incognito-mode .button { - background-image: none; } - EphyWindow .titlebar .incognito-mode:backdrop, - EphyWindow .header-bar .incognito-mode:backdrop { - background-color: #2f3a79; } - -/********* - * Gedit * - *********/ -GeditWindow .titlebar, -GeditWindow .header-bar, -GeditWindow .gedit-headerbar-paned { - background-color: #DC4836; } - GeditWindow .titlebar:backdrop, - GeditWindow .header-bar:backdrop, - GeditWindow .gedit-headerbar-paned:backdrop { - background-color: #be3221; } - -/************** - * Log Viewer * - **************/ -GlWindow .titlebar, -GlWindow .header-bar, -GlWindow .toolbar, -LogviewWindow .titlebar, -LogviewWindow .header-bar, -LogviewWindow .toolbar { - background-color: #009587; } - GlWindow .titlebar:backdrop, - GlWindow .header-bar:backdrop, - GlWindow .toolbar:backdrop, - LogviewWindow .titlebar:backdrop, - LogviewWindow .header-bar:backdrop, - LogviewWindow .toolbar:backdrop { - background-color: #006259; } - -/********* - * Music * - *********/ -gnomemusic + window + Window .titlebar, -gnomemusic + window + Window .header-bar { - background-color: #fe9700; } - gnomemusic + window + Window .titlebar:backdrop, - gnomemusic + window + Window .header-bar:backdrop { - background-color: #cb7900; } - -/***************** - * Notes/Bijiben * - *****************/ -BjbMainToolbar .titlebar, -BjbMainToolbar .header-bar, -BjbWindowBase .titlebar, -BjbWindowBase .header-bar { - background-color: #ebdd4d; } - BjbMainToolbar .titlebar:backdrop, - BjbMainToolbar .header-bar:backdrop, - BjbWindowBase .titlebar:backdrop, - BjbWindowBase .header-bar:backdrop { - background-color: #e6d41f; } - -/********** - * Photos * - **********/ -PhotosMainWindow .titlebar, -PhotosMainWindow .header-bar { - background-color: #D30101; } - PhotosMainWindow .titlebar:backdrop, - PhotosMainWindow .header-bar:backdrop { - background-color: #a00101; } - -/********** - * Polari * - **********/ -.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, -.header-bar.polari-titlebar-left, -.header-bar.polari-titlebar-right { - background-color: #4BAE4F; } - .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, - .header-bar.polari-titlebar-left:backdrop, - .header-bar.polari-titlebar-right:backdrop { - background-color: #3c8a3f; } - -/******************* - * System Settings * - ******************/ -CcWindow .titlebar, -CcWindow .header-bar { - background-color: #5F7C8A; } - CcWindow .titlebar:backdrop, - CcWindow .header-bar:backdrop { - background-color: #4a616c; } - -CcShellNavBar { - padding: 0px; } - -/************ - * Software * - ************/ -#window_software .titlebar, -#window_software .header-bar { - background-color: #1A77C2; } - #window_software .titlebar:backdrop, - #window_software .header-bar:backdrop { - background-color: #145b95; } - -/****************** - * System Monitor * - ******************/ -#gnome-system-monitor .titlebar, -#gnome-system-monitor .header-bar { - background-color: #6fbe72; } - #gnome-system-monitor .titlebar:backdrop, - #gnome-system-monitor .header-bar:backdrop { - background-color: #4eac51; } - -/******** - * Yelp * - ********/ -YelpWindow .titlebar, -YelpWindow .header-bar { - background-color: #435ece; } - YelpWindow .titlebar:backdrop, - YelpWindow .header-bar:backdrop { - background-color: #2e47b0; } - -/******** - * Gala * - *******/ -.gala-notification { - border-width: 0; - border-radius: 2px; - color: white; - border: 1px solid #ffffff; - background-color: #ffffff; } - .gala-notification .title, - .gala-notification .label { - color: #666666; } - -.gala-button { - padding: 3px; - color: #ffffff; - border: none; - border-radius: 50%; - background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } - -/********** - * Notify * - *********/ -.notify { - /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ - border-radius: 5px; - border: 1px solid rgba(0, 0, 0, 0.7); - background-color: rgba(255, 255, 255, 0.05); } - -/*************** - * SwitchBoard * - ***************/ -.category-label { - font-weight: bold; - color: #666666; } - -/************* - * Slingshot * - ************/ -.button.app { - border: none; - border-radius: 0; - box-shadow: none; - background-image: none; } - .button.app .app:hover { - border-radius: 8px; - border: none; - background-color: rgba(68, 154, 194, 0.3); - color: white; } - .button.app .app:focus { - /*background-color: transparentize(black, 0.20);*/ } - -.search-item { - border-radius: 0; - border: none; - color: #666666; - background: none; } - .search-item:hover, .search-item:focus { - border-radius: 0; - background-color: rgba(68, 154, 194, 0.3); - color: #ffffff; } - -.search-entry-large, -.search-entry-large:focus { - border: none; - font: 18; - font-weight: 300; - background-image: none; - background: none; - box-shadow: none; - border-radius: 0; } - -.search-category-header { - font-weight: bold; - color: #666666; } - -/********* - * Panel * - ********/ -.panel { - background-color: transparent; - transition: all 100ms ease-in-out; } - .panel .maximized { - background-color: #000; } - .panel .translucent { - background-color: rgba(0, 0, 0, 0.5); } - .panel .color-light .composited-indicator > revealer label, - .panel .color-light .composited-indicator > revealer image, - .panel .color-light .composited-indicator > GtkRevealer { - color: rgba(0, 0, 0, 0.35); - text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); - icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > GtkRevealer { - color: #ffffff; - font-weight: bold; - text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); - icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } - -/************* - * AppCenter * - *************/ -AppCenterMainWindow .titlebar, -AppCenterMainWindow .header-bar { - background-color: #378BE6; } - AppCenterMainWindow .titlebar:backdrop, - AppCenterMainWindow .header-bar:backdrop { - background-color: #1a71d0; } - -/************** - * Calculator * - **************/ -PantheonCalculatorMainWindow { - border-radius: 0 0 4px 4px; } - PantheonCalculatorMainWindow .titlebar, - PantheonCalculatorMainWindow .header-bar { - background-color: #07ce8e; } - PantheonCalculatorMainWindow .titlebar:backdrop, - PantheonCalculatorMainWindow .header-bar:backdrop { - background-color: #059d6c; } - PantheonCalculatorMainWindow .window-frame { - border-radius: 3px; } - -/******** - * Maya * - ********/ -MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { - background-color: #8CD33F; } - MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { - background-color: #72b52a; } - -/********* - * Cards * - *********/ -.deck { - background-color: #e3e3e3; } - -.card { - background-color: #ffffff; - border: none; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); - transition: all 150ms ease-in-out; } - -.card.collapsed { - background-color: #f2f2f2; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } - -/********* - * Noise * - *********/ -NoiseLibraryWindow { - border-radius: 0 0 4px 4px; } - NoiseLibraryWindow .titlebar, - NoiseLibraryWindow .header-bar { - background-color: #EE6020; } - NoiseLibraryWindow .titlebar:backdrop, - NoiseLibraryWindow .header-bar:backdrop { - background-color: #cb4a10; } - NoiseLibraryWindow .action-bar { - border-radius: 0 0 4px 4px; } - NoiseLibraryWindow .window-frame { - border-radius: 3px; } - -/*********** - * Scratch * - ***********/ -ScratchMainWindow .titlebar, -ScratchMainWindow .header-bar { - background-color: #e74c3c; } - ScratchMainWindow .titlebar:backdrop, - ScratchMainWindow .header-bar:backdrop { - background-color: #d62c1a; } - -/******** - * Snap * - ********/ -SnapMainWindow .titlebar, -SnapMainWindow .header-bar, -SnapSnapWindow .titlebar, -SnapSnapWindow .header-bar { - background-color: #6d266a; } - SnapMainWindow .titlebar:backdrop, - SnapMainWindow .header-bar:backdrop, - SnapSnapWindow .titlebar:backdrop, - SnapSnapWindow .header-bar:backdrop { - background-color: #471945; } -SnapMainWindow .take-button, -SnapSnapWindow .take-button { - border-radius: 0; } - -/******************* - * Photos/Shotwell * - *******************/ -DirectWindow .titlebar, -DirectWindow .header-bar, -LibraryWindow .titlebar, -LibraryWindow .header-bar { - background-color: #5544B5; } - DirectWindow .titlebar:backdrop, - DirectWindow .header-bar:backdrop, - LibraryWindow .titlebar:backdrop, - LibraryWindow .header-bar:backdrop { - background-color: #443690; } -DirectWindow .the-button-in-the-combobox, -LibraryWindow .the-button-in-the-combobox { - background: none; } - -.checkerboard-layout { - background-color: #f7f7f7; - background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); - background-size: 24px 24px; - background-position: 0 0, 12px 12px; } - -.checkboard-layout .item { - background-color: #666666; } - -/******** -* Unity * -*********/ -/* Unity window border color */ -/* Backdrop Unity window border color */ -/* Unity window text color */ -/* Backdrop Unity window text color */ -/* Unity panel color #454D50 */ -/* Backdrop Unity panel color */ -UnityDecoration { - /* Border properties (top, right, bottom, left) */ - -UnityDecoration-extents: 28px 1px 1px 1px; - /* the size of the decorations */ - -UnityDecoration-input-extents: 10px; - /* the extra size of the input areas */ - /* Shadows settings */ - -UnityDecoration-shadow-offset-x: 1px; - /* Size property, the shadow x offset */ - -UnityDecoration-shadow-offset-y: 1px; - /* Size property, the shadow y offset */ - -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; - /* Color property, active window shadow color */ - -UnityDecoration-active-shadow-radius: 8px; - /* Size property, active window shadow radius */ - -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; - /* Color property, inactive windows shadow color */ - -UnityDecoration-inactive-shadow-radius: 5px; - /* Size property, inactive windows shadow radius */ - /* Glow applied to the selected scaled window */ - -UnityDecoration-glow-size: 8px; - /* Size property, size of glow */ - -UnityDecoration-glow-color: #449ac2; - /* Color property of the glow */ - /* Title settings */ - -UnityDecoration-title-indent: 10px; - /* Size property, left indent of the title */ - -UnityDecoration-title-fade: 35px; - /* Size property, space of the title that can be faded */ - -UnityDecoration-title-alignment: 0.0; - /* Float from 0.0 to 1.0, to align the title */ - background-color: #636E73; - color: #dbdee0; } - UnityDecoration .top { - padding: 0 5px 0 5px; - border-radius: 4px 4px 0px 0px; - box-shadow: none; - border: 1px solid #636E73; - border-bottom-width: 0; - background-color: #636E73; - color: #dbdee0; - border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top:backdrop { - border-bottom-width: 0; - background-color: #4b5458; - color: #c0c5c8; - border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top .menuitem { - color: #dbdee0; } - UnityDecoration .top .menuitem:backdrop { - background-color: #4b5458; - color: #c0c5c8; } - -UnityDecoration.left, -UnityDecoration.right { - background-repeat: repeat-x; - background-color: #626c71; - background-size: 1px 120px; - background-clip: border-box; - background-image: linear-gradient(to bottom, #636E73, #626c71); - background-image: -gtk-gradient linear, left top, left bottom, color-stop 0, #636E73, color-stop 0.5, #636E73, color-stop 1, #626c71; } - -UnityDecoration.bottom { - background-size: 1px; - background-repeat: repeat-x; - background-color: #626c71; } - -UnityDecoration.left:backdrop, -UnityDecoration.right:backdrop, -UnityDecoration.bottom:backdrop { - background-size: 1px; - background-repeat: repeat-x; - background-color: #4b5458; } - -/************** -* Unity Panel * -***************/ -UnityPanelWidget, -.unity-panel { - background-color: #343a3c; - color: #dbdee0; } - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - background-color: #1c1f21; - color: #c0c5c8; } - -.unity-panel.menuitem, -.unity-panel .menuitem { - border-width: 0 1px; - color: #dbdee0; } - -.unity-panel.menubar, -.unity-panel .menubar { - color: #dbdee0; } - -.unity-panel.menu.menubar, -.unity-panel .menu .menubar { - background-color: #343a3c; - color: #dbdee0; } - -.unity-panel.menubar:backdrop, -.unity-panel .menubar *:backdrop { - color: #afafaf; } - -.unity-panel.menubar.menuitem, -.unity-panel.menubar .menuitem { - padding: 3px 5px; - border-width: 1px; - border-style: solid; - border: none; - background: none; - color: #dbdee0; - box-shadow: none; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem:hover { - border-radius: 0; - background-color: #616b70; - color: #dbdee0; - box-shadow: none; } - -.unity-panel.menubar .menuitem *:hover { - color: white; - box-shadow: none; } - -.unity-panel.menubar .menuitem.separator, -.unity-panel.menubar.menuitem.separator { - -GtkMenuItem-horizontal-padding: 0; - -GtkWidget-separator-height: 1; - border: none; - color: #c4c4c4; } - -/* Force Quit */ -SheetStyleDialog.unity-force-quit { - background-color: #ffffff; } - -@keyframes playbackmenuitem_spinner { - to { - -gtk-icon-transform: rotate(1turn); } } -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: playbackmenuitem_spinner 1s infinite linear; - color: #449ac2; } - -/*********************** - * App-Specific Styles * - ***********************/ -/******************* - * Archive Manager * - *******************/ -FrWindow .titlebar, -FrWindow .header-bar, -FrWindow .toolbar { - background-color: #A88A67; } - FrWindow .titlebar:backdrop, - FrWindow .header-bar:backdrop, - FrWindow .toolbar:backdrop { - background-color: #8c7050; } - -/********* - * Birdie * - *********/ -BirdieWidgetsUnifiedWindow .titlebar, -BirdieWidgetsUnifiedWindow .header-bar { - background-image: none; - background-color: #3998E7; } - BirdieWidgetsUnifiedWindow .titlebar:backdrop, - BirdieWidgetsUnifiedWindow .header-bar:backdrop { - background-image: none; - background-color: #1a7fd3; } -BirdieWidgetsUnifiedWindow .menu-button { - padding: 0px; - padding-left: 6px; - padding-right: 6px; } - -BirdieWidgetsTweetList * { - background-image: none; - background: none; } - -BirdieWidgetsUserbox { - background-color: rgba(57, 152, 231, 0.2); } - -BirdieWidgetsNotebook .header { - background-color: #ffffff; } -BirdieWidgetsNotebook tab:active { - box-shadow: inset 0 -3px 0 0 #3998E7; } - -/********* - * Geary * - *********/ -.geary-titlebar-left, -.geary-titlebar-right { - background-color: #F2B035; } - .geary-titlebar-left:backdrop, - .geary-titlebar-right:backdrop { - background-color: #e59a0f; } - .geary-titlebar-left .separator, - .geary-titlebar-right .separator { - opacity: 0; } - -ConversationListView { - -GtkWidget-focus-line-width: 1px; - -GtkTreeView-grid-line-width: 0; } - ConversationListView .view:active, ConversationListView GtkIconView:active, - ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected, - ConversationListView iconview:selected { - background-color: #449ac2; - color: #ffffff; } - ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, - ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop, - ConversationListView iconview:selected:backdrop { - background-color: #57a4c8; - color: rgba(255, 255, 255, 0.5); } - ConversationListView .view .cell, ConversationListView GtkIconView .cell, - ConversationListView iconview .cell { - border: solid rgba(0, 0, 0, 0.2); - border-width: 0 0 1px 0; } - ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected, - ConversationListView iconview .cell:selected { - color: #ffffff; - border: 0px solid #347d9f; } - -/*********** - * LightDm * - ***********/ -#panel_window { - background-color: #4b5458; - color: #ffffff; - font: bold; - box-shadow: inset 0 -1px #3b4144; } - #panel_window .menubar, - #panel_window .menubar > .menuitem - menubar, - #panel_window menubar > menuitem { - background-color: transparent; - color: #ffffff; - font: bold; } - #panel_window .menubar .menuitem:insensitive, - #panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); } - #panel_window .menubar .menuitem:insensitive GtkLabel, - #panel_window menubar menuitem:disabled GtkLabel { - color: inherit; } - #panel_window .menubar .menuitem:insensitive label, - #panel_window menubar menuitem:disabled label { - color: inherit; } - #panel_window .menubar .menu > .menuitem, - #panel_window menubar menu > menuitem { - font: normal; } - -#login_window, -#shutdown_dialog, -#restart_dialog { - font: normal; - border-style: none; - background-color: transparent; - color: #666666; } - -#content_frame { - padding-bottom: 14px; - background-color: #f7f7f7; - 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: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - #content_frame button:hover { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - #content_frame button:active, #content_frame button:checked { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - #content_frame button:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - #content_frame button:disabled GtkLabel, #content_frame button:disabled { - color: #afafaf; } - #content_frame button:disabled label, #content_frame button:disabled { - color: #afafaf; } - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(32, 37, 38, 0.8); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; } - -#buttonbox_frame button { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -#login_window #user_combobox { - color: #666666; - font: 13px; } - #login_window #user_combobox .menu, - #login_window #user_combobox menu { - font: normal; } - -#user_image { - padding: 3px; - border-radius: 2px; } - -#greeter_infobar { - border-bottom-width: 0; - font: bold; } - -/********** - * Midori * - **********/ -MidoriBrowser .titlebar, -MidoriBrowser .header-bar, -MidoriBrowser .toolbar { - background-color: #7FC843; } - MidoriBrowser .titlebar:backdrop, - MidoriBrowser .header-bar:backdrop, - MidoriBrowser .toolbar:backdrop { - background-color: #66a731; } - -/********* - * Vocal * - *********/ -.titlebar.vocal-headerbar, -.header-bar.vocal-headerbar { - background-color: #9C69C6; } - .titlebar.vocal-headerbar:backdrop, - .header-bar.vocal-headerbar:backdrop { - background-color: #8345b7; } +/* Import Main CSS */ +@import url("granite-widgets.css"); +@import url("gtk-widgets.css"); +@import url("gtk-common.css"); diff --git a/Paper/gtk-3.0/settings.ini b/Paper/gtk-3.0/settings.ini new file mode 100644 index 0000000..2838384 --- /dev/null +++ b/Paper/gtk-3.0/settings.ini @@ -0,0 +1,13 @@ +[Settings] +gtk-color-scheme = "background:#eeeeee\nselected_background:#A348B1\nbase:#ffffff" # Background: main, selected, base +gtk-color-scheme = "foreground:#555555\nselection_foreground:#ffffff\ntext:#555555" # Foreground: main, selected, text +gtk-color-scheme = "tooltip_background:#444\ntooltip_foreground:#ffffff" # Tooltips +gtk-color-scheme = "link:#A348B1" # Hyperlinks +gtk-color-scheme = "background_dark:#444444\ntext_dark:#eeeeee" # Dark +gtk-color-scheme = "menubar_background:#eeeeee\nmenubar_foreground:#555555" # Menu bar colors +gtk-color-scheme = "toolbar_background:#eeeeee\ntoolbar_foreground:#555555" # Toolbar colors +gtk-color-scheme = "menu_background:#ffffff\nmenu_foreground:#555555" # Menu colors +gtk-color-scheme = "panel_background:#555555\npanel_foreground:#dddddd" # Panel colors + +gtk-visible-focus = automatic +gtk-auto-mnemonics = 1 \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_checks-radios.scss b/Paper/gtk-3.0/widgets/_checks-radios.scss deleted file mode 100644 index 5fce5ed..0000000 --- a/Paper/gtk-3.0/widgets/_checks-radios.scss +++ /dev/null @@ -1,215 +0,0 @@ -/************************* - * Check and Radio Items * - *************************/ -// draw regular check and radio items using our PNG assets -// all assets are rendered from assets.svg. never add pngs directly - - -// unchecked -@each $s,$un in ('','-unchecked'), - (':hover', '-unchecked-hover'), - (':active', '-unchecked-active'), - (':backdrop', '-unchecked-backdrop'), - (':insensitive', '-unchecked-insensitive'), - (':insensitive:backdrop', '-unchecked-backdrop-insensitive') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/checkbox#{$un}.png"),url("assets/checkbox#{$un}@2.png")), -gtk-scaled(url("assets/checkbox#{$un}-dark.png"),url("assets/checkbox#{$un}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/radio#{$un}.png"),url("assets/radio#{$un}@2.png")), -gtk-scaled(url("assets/radio#{$un}-dark.png"),url("assets/radio#{$un}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - -// checked -@each $s,$ch in (':checked', '-checked'), - (':checked:hover', '-checked-hover'), - (':checked:active', '-checked-active'), - (':checked:backdrop', '-checked-backdrop'), - (':checked:insensitive', '-checked-insensitive'), - (':checked:insensitive:backdrop', '-checked-insensitive-backdrop') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/checkbox#{$ch}.png"),url("assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("assets/checkbox#{$ch}-dark.png"),url("assets/checkbox#{$ch}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/radio#{$ch}.png"),url("assets/radio#{$ch}@2.png")), -gtk-scaled(url("assets/radio#{$ch}-dark.png"),url("assets/radio#{$ch}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - -// mixed -@each $s,$mx in (':inconsistent', '-mixed'), - (':inconsistent:hover', '-mixed-hover'), - (':inconsistent:active', '-mixed-active'), - (':inconsistent:backdrop', '-mixed-backdrop'), - (':inconsistent:insensitive', '-mixed-insensitive'), - (':inconsistent:insensitive:backdrop', '-mixed-insensitive-backdrop') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/checkbox#{$mx}.png"),url("assets/checkbox#{$mx}@2.png")), -gtk-scaled(url("assets/checkbox#{$mx}-dark.png"),url("assets/checkbox#{$mx}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/radio#{$mx}.png"),url("assets/radio#{$mx}@2.png")), -gtk-scaled(url("assets/radio#{$mx}-dark.png"),url("assets/radio#{$mx}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - -// unchecked:selected -@each $s,$un in (':selected','-unchecked'), - (':hover:selected', '-unchecked-hover'), - (':active:selected', '-unchecked-active'), - (':backdrop:selected', '-unchecked-backdrop'), - (':insensitive:selected', '-unchecked-insensitive'), - (':insensitive:backdrop:selected', '-unchecked-backdrop-insensitive') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-checkbox#{$un}.png"),url("assets/selected-checkbox#{$un}@2.png")), -gtk-scaled(url("assets/selected-checkbox#{$un}-dark.png"),url("assets/selected-checkbox#{$un}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-radio#{$un}.png"),url("assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("assets/selected-radio#{$un}-dark.png"),url("assets/selected-radio#{$un}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - -// checked:selected -@each $s,$ch in (':checked:selected', '-checked'), - (':checked:hover:selected', '-checked-hover'), - (':checked:active:selected', '-checked-active'), - (':checked:backdrop:selected', '-checked-backdrop'), - (':checked:insensitive:selected', '-checked-insensitive'), - (':checked:insensitive:backdrop:selected', '-checked-insensitive-backdrop') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-checkbox#{$ch}.png"),url("assets/selected-checkbox#{$ch}@2.png")), -gtk-scaled(url("assets/selected-checkbox#{$ch}-dark.png"),url("assets/selected-checkbox#{$ch}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-radio#{$ch}.png"),url("assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("assets/selected-radio#{$ch}-dark.png"),url("assets/selected-radio#{$ch}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - - -// mixed:selected -@each $s,$mx in (':inconsistent:selected', '-mixed'), - (':inconsistent:hover:selected', '-mixed-hover'), - (':inconsistent:active:selected', '-mixed-active'), - (':inconsistent:backdrop:selected', '-mixed-backdrop'), - (':inconsistent:insensitive:selected', '-mixed-insensitive'), - (':inconsistent:insensitive:backdrop:selected', '-mixed-insensitive-backdrop') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-checkbox#{$mx}.png"),url("assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("assets/selected-checkbox#{$mx}-dark.png"),url("assets/selected-checkbox#{$mx}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-radio#{$mx}.png"),url("assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("assets/selected-radio#{$mx}-dark.png"),url("assets/selected-radio#{$mx}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - - -// selection-mode unchecked -@each $s,$un in ('','-unchecked'), - (':hover', '-unchecked-hover'), - (':active', '-unchecked-active'), - (':backdrop', '-unchecked-backdrop'), - (':insensitive', '-unchecked-insensitive'), - (':insensitive:backdrop', '-unchecked-backdrop-insensitive') { - .view.content-view check#{$s}, - .view.content-view.check#{$s}{ - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox#{$un}.png"),url("assets/checkbox#{$un}@2.png")); - -gtk-icon-shadow: none; - } - .view.content-view radio#{$s}, - .view.content-view.radio#{$s}{ - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio#{$un}.png"),url("assets/radio#{$un}@2.png")); - -gtk-icon-shadow: none; - } -} - -// selection-mode checked -@each $s,$ch in ('','-checked'), - (':hover', '-checked-hover'), - (':active', '-checked-active'), - (':backdrop', '-checked-backdrop'), - (':insensitive', '-checked-insensitive'), - (':insensitive:backdrop', '-checked-backdrop-insensitive') { - .view.content-view check#{$s}, - .view.content-view.check#{$s}{ - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox#{$ch}.png"),url("assets/checkbox#{$ch}@2.png")); - -gtk-icon-shadow: none; - } - .view.content-view radio#{$s}, - .view.content-view.radio#{$s}{ - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio#{$ch}.png"),url("assets/radio#{$ch}@2.png")); - -gtk-icon-shadow: none; - } -} - - - -// Style - -.check.text-button, .radio.text-button, -checkbutton.text-button, radiobutton.text-button { - // this is for a nice focus on check and radios text - padding: 2px 0; - outline-offset: 0; - - label:not(:only-child) { - &:first-child { margin-left: 4px; } - &:last-child { margin-right: 4px; } - } -} - -check, -.check, -radio, -.radio { - margin: 0 4px; - - .menu .menuitem &, - menu menuitem & { - margin: 0; // this is a workaround for a menu check/radio size allocation issue - } -} - -// no animations in menus -menu menuitem { - check:not(:indeterminate):checked, - radio:not(:indeterminate):checked, - check:indeterminate:checked:active, - radio:indeterminate:checked { animation: none; } -} - -treeview.view check, -treeview.view radio { - &:selected { - &:focus, & { - color: $fg_color; - - @if $variant == 'light' { border-color: $selected_borders_color; } - } - - &:disabled { - color: $insensitive_fg_color; - - &:backdrop { color: $backdrop_insensitive_color; } - } - } - - &:backdrop { &:selected, & { color: $backdrop_fg_color; }} -} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/action-bar.css b/Paper/gtk-3.0/widgets/action-bar.css new file mode 100644 index 0000000..abe7ba2 --- /dev/null +++ b/Paper/gtk-3.0/widgets/action-bar.css @@ -0,0 +1,180 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*************** + * Action bars * + ***************/ + +.action-bar { + background-color: shade(@background, 0.9); + border: solid @border; + border-width: 1px 0 0 0; + color: @text; + box-shadow: none; +} + +.action-bar:backdrop { + background-color: shade(@backdrop_background, 0.9); + box-shadow: none; + -gtk-image-effect: dim; +} + +.action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; +} + +.action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; +} + +/* Buttons */ +.action-bar .button, +.action-bar .text-button, +.action-bar .image-button { + border: none; + background: none; + color: @text; + border-radius: 0px; + padding: 7px; +} + +.action-bar .button:active +.action-bar .text-button:active, +.action-bar .image-button:active { + border: none; + color: @text; + box-shadow: none; + padding: 7px; +} + +.action-bar .button .raised +.action-bar .text-button .raised, +.action-bar .image-button .raised { + border: none; + color: @text; + box-shadow: none; + padding: 7px; +} + +/* Hover */ +.action-bar .button:hover, +.action-bar .button:active:hover +.action-bar .text-button:hover, +.action-bar .text-button:active:hover, +.action-bar .image-button:hover, +.action-bar .image-button:active:hover { + padding: 7px; + border: none; + background-color: alpha(#000, 0.1); + color: @text; + box-shadow: none; +} + +/* Insensitive */ +.action-bar .button:insensitive, +.action-bar .text-button:insensitive, +.action-bar .image-button:insensitive { + color: @insensitive_header_text; + -gtk-image-effect: dim; +} + + +/* Backdrop */ +.action-bar .button:backdrop, +.action-bar .button:active:backdrop +.action-bar .text-button:backdrop, +.action-bar .text-button:active:backdrop, +.action-bar .image-button:backdrop, +.action-bar .image-button:active:backdrop { + color: @backdrop_text; + border: none; + padding: 7px; +} + +/* Insensitive:Backdrop; */ +.action-bar .button:insensitive:backdrop, +.action-bar .text-button:insensitive:backdrop, +.action-bar .image-button:insensitive:backdrop { + padding: 7px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/* Images */ +.action-bar .button GtkImage, +.action-bar .button .image-button GtkImage { + color: @text; +} + +.action-bar .button:active GtkImage, +.action-bar .button:focus GtkImage, +.action-bar .button:hover GtkImage, +.action-bar .button .image-button:active GtkImage, +.action-bar .button .image-button:focus GtkImage, +.action-bar .button .image-button:hover GtkImage { + color: @text; +} + +.action-bar .button:backdrop GtkImage, +.action-bar .button:backdrop:hover GtkImage, +.action-bar .button:active:backdrop GtkImage, +.action-bar .button .image-button:backdrop GtkImage, +.action-bar .button .image-button:backdrop:hover GtkImage, +.action-bar .button .image-button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.action-bar .button:insensitive GtkImage, +.action-bar .button .image-button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} +.action-bar .button:insensitive:backdrop GtkImage, +.action-bar .button .image-button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.action-bar .button GtkLabel { + color: @text; +} + +.action-bar .button:active GtkLabel, +.action-bar .button:focus GtkLabel, +.action-bar .button:hover GtkLabel { + color: @text; +} + +.action-bar .button:backdrop GtkLabel, +.action-bar .button:backdrop:hover GtkLabel, +.action-bar .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.action-bar .button:insensitive GtkLabel { + color: @insensitive_text; +} + +.action-bar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/app-notifications.css b/Paper/gtk-3.0/widgets/app-notifications.css new file mode 100644 index 0000000..e5c82ac --- /dev/null +++ b/Paper/gtk-3.0/widgets/app-notifications.css @@ -0,0 +1,65 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/********************* +* App Notifications * +*********************/ +.app-notification, +.app-notification.frame { + border: 1px solid @border; + border-top-width: 0px; + border-radius: 6px; + border-top-left-radius: 0px; + border-top-right-radius: 0px; + padding: 8px; + background-color: @background; + color: @text; +} + +.app-notification:backdrop, +.app-notification.frame:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; +} + +.app-notification .button, .app-notification .header-bar .button.titlebutton, .header-bar .app-notification .button.titlebutton, +.app-notification .titlebar .button.titlebutton, +.titlebar .app-notification .button.titlebutton, +.app-notification.frame .button { +} + +.app-notification .button:hover, +.app-notification.frame .button:hover { +} + +.app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, +.app-notification.frame .button:active, +.app-notification.frame .button:checked, +.app-notification.frame .button:backdrop:active, +.app-notification.frame .button:backdrop:checked { +} + +.app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, +.app-notification.frame .button:insensitive, +.app-notification.frame .button:backdrop:insensitive { +} + +.app-notification .button:backdrop, +.app-notification.frame .button:backdrop { +} diff --git a/Paper/gtk-3.0/widgets/base-states.css b/Paper/gtk-3.0/widgets/base-states.css new file mode 100644 index 0000000..fd1bf1c --- /dev/null +++ b/Paper/gtk-3.0/widgets/base-states.css @@ -0,0 +1,118 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*************** + * Base States * + ***************/ +.background { + background-color: @background; + color: @foreground; +} + +.background-color:backdrop, +.background-color:active:backdrop { + /* I want everything nice and flat in the backdrop window */ + background-color: @backdrop_background; + color: @backdrop_text; +} + +.background-color:insensitive { + /* I want everything nice and flat in the backdrop window */ + background-color: @insensitive_background; + color: @insensitive_text; +} + +/* FIXME: why do we still need this? */ +GtkClutterOffscreen { + background-color: @background; + color: @foreground; +} + +*:selected, +*:selected:focus { + background-color: @selection; + color: @selection_foreground; +} + +*:selected:backdrop { + /* I would like to remove colors from the backdrop state, next release*/ + background-color: @backdrop_selected_background; + color: @backdrop_selection_foreground; +} + +*:insensitive { + background-color: @insensitive_background; + color: @insensitive_foreground; + border-color: @insensitive_border; +} + +*:insensitive:backdrop { + /* I want everything nice and flat in the backdrop window */ + color: @backdrop_insensitive_foreground; +} + +/* Apply effects to insensitive and prelit images */ +*:insensitive { + -gtk-image-effect: dim; +} + +*:hover { + -gtk-image-effect: none; +} + +.gtkstyle-fallback { + background-color: @background; + color: @foreground; +} + +.gtkstyle-fallback:prelight { + background-color: shade(@background, 1.10); + color: @foreground; +} + +.gtkstyle-fallback:active { + background-color: shade(@background, 0.90); + color: @foreground; +} + +.gtkstyle-fallback:insensitive { + background-color: @insensitive_background; + color: @insensitive_foreground; +} + +.gtkstyle-fallback:selected { + background-color: @selection; + color: @selection_foreground; +} + +GtkImage, +GtkImage:insensitive, +GtkLabel, +GtkLabel:insensitive, +GtkBox, +GtkBox:insensitive, +GtkGrid, +GtkGrid:insensitive { + background: none; +} + +GtkImage, +GtkLabel { + color: @text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/buttons.css b/Paper/gtk-3.0/widgets/buttons.css new file mode 100644 index 0000000..f0266b2 --- /dev/null +++ b/Paper/gtk-3.0/widgets/buttons.css @@ -0,0 +1,273 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color button_background shade(@base, 0.98);/* Button background color */ +@define-color button_border @border;/* Button border color */ +@define-color backdrop_button_background @backdrop_background;/* Backdrop button background color */ +@define-color backdrop_button_border @backdrop_border; /* Backdrop button border color */ + +/*********** + * Buttons * + ***********/ + +.button, +.button.text-button, +.button.image-button { + border-radius: 3px; + padding: 4px 9px; + border: 1px solid @button_border; + background-color: @button_background; + background-image: linear-gradient(to bottom, + @button_background, + shade(@button_background, 0.98) + ); + color: @text; +} + +.button.flat, +.button.flat:backdrop, +.button.flat:backdrop:insensitive, +.menuitem.button.flat, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, +.button:link, +.button:visited, +.button:link:hover, +.button:link:active, +.button:visited:hover, +.button:visited:active, +.button:link:backdrop, +.button:visited:backdrop, +.notebook tab +.list-row.button, +.list-row.button:backdrop:hover, +GtkCalendar.button, +GtkCalendar.button:hover, +GtkCalendar.button:backdrop, +GtkCalendar.button:backdrop:hover, +.scale-popup .button:hover, +.scale-popup .button:backdrop, +.scale-popup .button:backdrop:hover, +.scale-popup .button:backdrop:insensitive { + border: 1px solid transparent; + background: none; +} + +/* Focus Button */ +.button *:focus, +*.button:focus { + outline-color: alpha(#000, 0.2); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + outline-radius: 2px; +} + +.button:focus, +.button.default:focus, +.button:active:focus, +.button.text-button:focus, +.button.image-button:focus { + border: 1px solid @selection; + background-color: shade(@selection, 1.1); + background-image: linear-gradient(to bottom, + shade(@selection, 1.1), + shade(shade(@selection, 1.1), 0.98) + ); + color: @selection_foreground; +} + +/* Hover Button */ +.button:hover, +.button.default:hover, +.button:active:hover, +.button.text-button:hover, +.button.image-button:hover { + border: 1px solid @selection; + background-color: shade(@selection, 1.2); + background-image: linear-gradient(to bottom, + shade(@selection, 1.2), + shade(shade(@selection, 1.2), 0.98) + ); + color: @selection_foreground; +} + +/* Active (Pressed) Button */ +.button:active, +.button.default:active, +.button.text-button:active, +.button.image-button:active { + border: 1px solid @selection; + background-color: shade(@selection, 1.1); + background-image: linear-gradient(to top, + shade(@selection, 1.1), + shade(shade(@selection, 1.1), 0.95) + ); + color: @selection_foreground; + +} + +/* Insensitive Button */ +.button:insensitive, +.button.default:insensitive, +.button.text-button:insensitive, +.button.image-button:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + background-image: none; + color: @insensitive_text; +} + +/* Backdrop Button */ +.button:backdrop, +.button.default:backdrop, +.button.text-button:backdrop, +.button.image-button:backdrop { + border: 1px solid @backdrop_button_border; + background-color: @backdrop_button_background; + background-image: none; + color: @backdrop_text; +} + +/* Backdrop Button */ +.button:backdrop:hover, +.button.default:backdrop:hover, +.button.text-button:backdrop:hover, +.button.image-button:backdrop:hover { + background-color: shade(@backdrop_button_background, 1.1); + background-image: linear-gradient(to bottom, + shade(@backdrop_button_background, 1.1), + shade(shade(@backdrop_button_background, 1.1), 0.98) + ); + color: @backdrop_text; +} + +/* Insensitive Button */ +.button:insensitive:backdrop, +.button.default:insensitive:backdrop, +.button.text-button:insensitive:backdrop, +.button.image-button:insensitive:backdrop { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + background-image: none; + color: @insensitive_text; +} + + +/************** +* Help Button * +**************/ +.help_button { + border-radius: 16px; +} + + +.button .circular-button { + padding-top: 4px; + padding-bottom: 4px; + padding-right: 2px; + padding-left: 2px; + border-radius: 12px; +} + + +/*************************** +* Overlay Button * +***************************/ + +GtkOverlay > .button, +GtkOverlay > .button:hover, +GtkOverlay > .button:backdrop, +GtkOverlay > .button:focus { + background-image: none; + background: none; + color: #fff; +} + +GtkOverlay > .button:active, +GtkOverlay > .button:hover:active { + background-color: #fff; + color: @foreground_color; +} + +GtkOverlay > .button:focus, +GtkOverlay > .button:focus:active { +} + +GtkOverlay > .button:focus:active { + background-color: @selection; +} + + +/****************** + * Button No Undo * + ******************/ +.button.noundo, +.content-view .button.noundo { + background-color: shade(@error, 1.08); + color: @error_foreground; +} + +.button.noundo:hover, +.content-view .button.noundo:hover { + background-color: @error; +} + +.button.noundo:active, +.content-view .button.noundo:active { + background-color: shade(@error, 0.95); +} + +.button.noundo:active:hover, +.content-view .button.noundo:active:hover { + background-color: shade(@error, 0.97); +} + +.button.noundo GtkLabel, +.button.noundo Gtklabel:prelight { + color: @error_foreground; +} + +/********************** + * Affirmative Button * + **********************/ +.button.affirmative, +.content-view .button.affirmative { + background-color: shade(@selected_background, 1.08); + color: @selection_foreground; +} + +.button.affirmative:hover, +.content-view .button.affirmative:hover { + background-color: @selected_background; +} + +.button.affirmative:active, +.content-view .button.affirmative:active { + background-color: shade(@selected_background, 0.95); +} + +.button.affirmative:active:hover, +.content-view .button.affirmative:active:hover { + background-color: shade(@selected_background, 0.97); +} + +.button.affirmative GtkLabel, +.button.affirmative Gtklabel:prelight { + color: @selection_foreground; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/calendar.css b/Paper/gtk-3.0/widgets/calendar.css new file mode 100644 index 0000000..dcd7ddd --- /dev/null +++ b/Paper/gtk-3.0/widgets/calendar.css @@ -0,0 +1,69 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*********** +* Calendar * +************/ + +GtkCalendar { + padding: 2px; + border-radius: 2px; + background-color: shade(@background, 0.8); + color:@text; +} + +GtkCalendar.view { + border-radius: 4px; + border: 1px solid @border; + border-width: 1px; + color: @text; +} + +GtkCalendar.header { + border-radius: 0; + background-color: @background; + border-width: 0; + color: @text; +} + +GtkCalendar.button { + color: @text; +} + +GtkCalendar.button:insensitive, +GtkCalendar.button:backdrop, +GtkCalendar.button:insensitive:backdrop { + background: none; +} + +.highlight, +GtkCalendar.highlight { + background-color: @selection; + color: @selection_foreground; + border-radius: 0; + padding: 0; + border-width: 0; +} + +GtkCalendar.button, +GtkCalendar.button:insensitive, +GtkCalendar.header, +GtkCalendar.view { + background: none; + background-image: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/cell-row.css b/Paper/gtk-3.0/widgets/cell-row.css new file mode 100644 index 0000000..60960f9 --- /dev/null +++ b/Paper/gtk-3.0/widgets/cell-row.css @@ -0,0 +1,43 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/**************** + * cell and row * + ****************/ + +.cell { + color: @foreground; + border-width: 0px; +} + +.cell:selected, +.cell:selected:focus { + background-color: @selection; + color: @selection_foreground; +} + +row:selected, +row:selected:focus { + border: 0 solid shade(@selection, 0.9); + background-color: @selection; + background-image: none; + color: @selection_foreground; + + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/check-radio.css b/Paper/gtk-3.0/widgets/check-radio.css new file mode 100644 index 0000000..ffd8755 --- /dev/null +++ b/Paper/gtk-3.0/widgets/check-radio.css @@ -0,0 +1,143 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/***************** + * Check Buttons * + *****************/ + +GtkCheckButton:hover, +GtkCheckButton:active:hover, +GtkCheckButton:selected, +GtkCheckButton:selected:focus { +} + +.check, +.check row:selected, +.check row:selected:focus { + color: @foreground; +} + +.check:insensitive, +.check row:selected:insensitive, +.check row:selected:focus:insensitive { + color: @insensitive_text; +} + + +.check:backdrop, +.check row:selected:backdrop, +.check row:selected:focus:backdrop { + color: @backdrop_text; +} + +.check:insensitive:backdrop, +.check row:selected:insensitive:backdrop, +.check row:selected:focus:insensitive:backdrop { + color: @backdrop_insensitive_text; +} + +.check:selected { + color: @selection_foreground; +} + + +.check:selected:backdrop { + color: @backdrop_selection_foreground; +} + +/***************** + * Radio Buttons * + *****************/ + +.radio { + background: none; +} + +.radio:insensitive { + color: @insensitive_text; +} + +.radio:selected { + color: @selection_foreground; +} + +.radio:backdrop { + color: @backdrop_text; +} + +.radio:insensitive:backdrop { + color: @backdrop_insensitive_text; +} + +.radio:selected:backdrop { + color: @backdrop_selection_foreground; +} + +/* Symbolic Radio */ +.menu .menuitem.radio { + -gtk-icon-source: -gtk-icontheme("radio-symbolic"); + color: @text; + icon-shadow: none; +} + +.menu .menuitem.radio:active, .menu .menuitem.radio:checked { + -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); +} + +.menu .menuitem.radio:inconsistent { + -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); +} +.menu .menuitem.radio:hover { + color: @base; +} +.menu .menuitem.radio:insensitive { + color: @insensitive_text; +} + + +/* Menuitem Checks & Radios */ + +.menuitem.check, +.menuitem.radio { + background: none; + background-image: none; + background: none; + box-shadow: none; +} + +.menuitem.check, +.menuitem.check:active, +.menuitem.check:active:hover, +.menuitem.check:active:insensitive, +.menuitem.check:hover, +.menuitem.check:inconsistent, +.menuitem.check:inconsistent:hover, +.menuitem.check:inconsistent:insensitive, +.menuitem.check:insensitive, +.menuitem.radio, +.menuitem.radio:active, +.menuitem.radio:active:hover, +.menuitem.radio:active:insensitive, +.menuitem.radio:hover, +.menuitem.radio:inconsistent, +.menuitem.radio:inconsistent:hover , +.menuitem.radio:inconsistent:insensitive, +.menuitem.radio:insensitive { + background: none; + box-shadow: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/color-chooser.css b/Paper/gtk-3.0/widgets/color-chooser.css new file mode 100644 index 0000000..b2e4e6e --- /dev/null +++ b/Paper/gtk-3.0/widgets/color-chooser.css @@ -0,0 +1,116 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/***************** + * Color chooser * + *****************/ + +GtkColorSwatch, +GtkColorSwatch:selected { + border-width: 1px; + border-style: solid; + border: 1px solid alpha(#000, 0.1); + border-radius: 1px; + background: none; + background-clip: border-box; +} + +GtkColorSwatch:hover, +GtkColorSwatch:selected:hover { + border: 1px solid alpha(#000, 0.3); +} + +GtkColorSwatch.color-dark:hover { +} + +GtkColorSwatch.color-light:hover { +} + +GtkColorSwatch.color-light:selected:hover, +GtkColorSwatch.color-dark:selected:hover { + background-image: none; +} + +GtkColorSwatch.left, +GtkColorSwatch:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +GtkColorSwatch.right, +GtkColorSwatch:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +GtkColorSwatch:only-child { + border-radius: 4px; +} + +GtkColorSwatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +GtkColorSwatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border: 1px solid alpha(#000, 0.1); + background-color: shade(@background, 0.95); + color: @foreground; +} + +GtkColorChooserWidget #add-color-button:hover { + border: 1px solid alpha(#000, 0.3); + background-color: shade(@background, 0.90); + color: @foreground; +} + +.color-active-badge, +.color-active-badge:selected { + border-width: 1px; + border-style: solid; + border-width: 2px; + background: none; +} + +.color-active-badge.color-light, +.color-active-badge.color-light:hover { + border: 1px solid alpha(#000, 0.3); + color: alpha(#000, 0.3); +} + +.color-active-badge.color-dark, +.color-active-badge.color-dark:hover { + border: 1px solid alpha(white, 0.3); + color: alpha(white, 0.3); +} + +GtkColorEditor GtkColorSwatch { + border-radius: 4px; +} + +GtkColorEditor GtkColorSwatch.color-dark:hover, +GtkColorEditor GtkColorSwatch.color-light:hover { + background-image: none; + border: 1px solid alpha(#000, 0.3); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/column-header.css b/Paper/gtk-3.0/widgets/column-header.css new file mode 100644 index 0000000..b6e7570 --- /dev/null +++ b/Paper/gtk-3.0/widgets/column-header.css @@ -0,0 +1,141 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/****************** + * Column Headers * + *****************/ + +column-header .button, +.content-view column-header .button { + border-radius: 0; + border-width: 0px; +} + +column-header .button GtkImage, +column-header .button GtkLabel { + padding-left: 3px; + color: @text; +} + +/*First Child*/ +column-header:first-child .button, +column-header:first-child .button:active, +column-header:first-child .button:hover, +column-header:first-child .button:backdrop, +column-header:first-child .button:backdrop:hover, +.content-view column-header:first-child .button { + border-width: 0 0 1px 0; +} + +/*Last Child*/ +column-header:last-child .button, +column-header:last-child .button:active, +column-header:last-child .button:hover, +column-header:last-child .button:backdrop, +column-header:last-child .button:backdrop:hover, +.content-view column-header:last-child .button { + border-width: 0px 1px 1px 1px; +} + +/* Normal */ +column-header .button, +.content-view column-header .button { + background-image: linear-gradient(to bottom, + @button_background, + shade(@button_background, 0.98) + ); + border-image: linear-gradient(to bottom, + @button_border, + shade(@button_border, 0.98) + ) 0 0 1 1; + border-width: 0 0 1px 1px; + padding: 4px 2px 4px 2px; + color: @text; +} + +/* Active */ +column-header .button:focus, +column-header .button:active, +.content-view column-header .button:focus, +.content-view column-header .button:active { + background-image: linear-gradient(to bottom, + @button_background, + shade(@button_background, 0.98) + ); + border-image: linear-gradient(to bottom, + @button_border, + shade(@button_border, 0.98) + ) 0 0 1 1; + border-width: 0 0 1px 1px; + padding: 4px 2px 4px 2px; + color: @text; +} + +column-header .button:focus GtkImage, +column-header .button:focus GtkLabel, +column-header .button:active GtkImage, +column-header .button:active GtkLabel { + color: @text; +} + +/* Backdrop */ +column-header .button:backdrop { + background-image: none; + background-color: @backdrop_background; + border-image: none; + border-color: @backdrop_border; + border-width: 0 0 1px 1px; + padding: 4px 2px 4px 2px; + color: @backdrop_text; +} + +column-header .button:backdrop GtkImage, +column-header .button:backdrop GtkLabel { + color: @backdrop_text; +} + +/* Hover */ +column-header .button:hover { + background-image: linear-gradient(to bottom, + shade(@button_background, 1.2), + shade(shade(@button_background, 1.2), 0.98) + ); + padding: 4px 2px 4px 2px; + border-width: 0 0 1px 1px; + color: @text; +} + +column-header .button:hover GtkImage, +column-header .button:hover GtkLabel { + color: @text; +} + +/* Hover:Backdrop; */ +column-header .button:hover:backdrop { + background-image: linear-gradient(to bottom, + shade(@backdrop_button_background, 1.1), + shade(shade(@backdrop_button_background, 1.1), 0.98) + ); + border-width: 0 0 1px 1px; + color: @backdrop_text; +} + +column-header .button:hover:backdrop GtkImage, +column-header .button:hover:backdrop GtkLabel { + color: @backdrop_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/combobox.css b/Paper/gtk-3.0/widgets/combobox.css new file mode 100644 index 0000000..135672f --- /dev/null +++ b/Paper/gtk-3.0/widgets/combobox.css @@ -0,0 +1,75 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************ + * Combobox * + ************/ + +GtkComboBox { + padding: 0; + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + +} + +GtkComboBox .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; +} + +.arrow { + background: none; + border: none; + color: inherit; + -GtkComboBox-arrow-scaling: 1; +} + +/****************** + * Combobox Entry * + ******************/ + +/* Button */ +.combobox-entry .button { + box-shadow: none; +} + +.combobox-entry .button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; +} + +.combobox-entry .button:last-child { + border-radius: 0 4px 4px 0; +} + +/* Entry */ +.combobox-entry .entry { + box-shadow: none; +} + +.combobox-entry .entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; +} + +.combobox-entry .entry:last-child { + border-radius: 0 4px 4px 0; +} diff --git a/Paper/gtk-3.0/widgets/composited-indicator.css b/Paper/gtk-3.0/widgets/composited-indicator.css new file mode 100644 index 0000000..8e24ecd --- /dev/null +++ b/Paper/gtk-3.0/widgets/composited-indicator.css @@ -0,0 +1,101 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*********************** +* Composited Indicator * +************************/ + +.composited-indicator { + background-color: transparent; + color: @panel_text; +} + +.composited-indicator:active { + background-color: alpha(#fff, 0.1); + color: @header; +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.composited-indicator .menuitem:active, +.composited-indicator .menuitem:prelight { + border-style: none; + background-image: none; + background-color: shade(@panel, 1.05); + color: @panel_text; + box-shadow: none; +} + + +/* Images */ +.composited-indicator .menuitem:focus GtkImage, +.composited-indicator .menuitem GtkImage { + color: @text; +} + +.composited-indicator .menuitem:prelight GtkImage, +.composited-indicator .menuitem:active GtkImage, +.composited-indicator .menuitem:hover GtkImage { + color: @selection_foreground; +} + +.composited-indicator .menuitem:backdrop GtkImage, +.composited-indicator .menuitem:backdrop:hover GtkImage, +.composited-indicator .menuitem:active:backdrop GtkImage { + color: @backdrop_text; +} + +.composited-indicator .menuitem:insensitive GtkImage { + color: @insensitive_text; +} + +.composited-indicator .menuitem:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + +/* Labels */ +.composited-indicator .menuitem:focus GtkLabel, +.composited-indicator .menuitem GtkLabel { + color: @text; +} + +.composited-indicator .menuitem:prelight GtkLabel, +.composited-indicator .menuitem:hover GtkLabel, +.composited-indicator .menuitem:active GtkLabel { + color: @selection_foreground; +} + +.composited-indicator .menuitem:backdrop GtkLabel, +.composited-indicator .menuitem:backdrop:hover GtkLabel, +.composited-indicator .menuitem:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.composited-indicator .menuitem:insensitive GtkLabel { + color: @insensitive_text; +} + +.composited-indicator .menuitem:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/csd.css b/Paper/gtk-3.0/widgets/csd.css new file mode 100644 index 0000000..f4cd3b6 --- /dev/null +++ b/Paper/gtk-3.0/widgets/csd.css @@ -0,0 +1,25 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******* + * CSD * + *******/ + +.csd.background { + border-radius: 0 0 4px 4px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/cursor-handles.css b/Paper/gtk-3.0/widgets/cursor-handles.css new file mode 100644 index 0000000..90d162f --- /dev/null +++ b/Paper/gtk-3.0/widgets/cursor-handles.css @@ -0,0 +1,39 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/****************** + * Cursor Handles * + ******************/ + +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +.entry.cursor-handle.top, +.cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +.entry.cursor-handle.bottom, +.cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/destructive-action-buttons.css b/Paper/gtk-3.0/widgets/destructive-action-buttons.css new file mode 100644 index 0000000..910d816 --- /dev/null +++ b/Paper/gtk-3.0/widgets/destructive-action-buttons.css @@ -0,0 +1,150 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/****************************** + * Destructive action buttons * + ******************************/ +@define-color destructive_action_button #DC322F; +@define-color destructive_action_button_border shade(@destructive_action_button, 0.9); +@define-color destructive_action_button_foreground #fff; + +/****************************** + * Destructive action buttons * + ******************************/ + +.destructive-action.button, +.button.destructive-action { + border: 1px solid @destructive_action_button_border; + background-color: @destructive_action_button; + background-image: linear-gradient(to bottom, + @destructive_action_button, + shade(@destructive_action_button, 0.98) + ); + color: @destructive_action_button_foreground; +} + +.destructive-action.button:hover, +.button.destructive-action:hover { + border: 1px solid shade(@destructive_action_button_border, 1.1); + background-color: shade(@destructive_action_button, 1.1); + background-image: linear-gradient(to bottom, + shade(@destructive_action_button, 1.1), + shade(shade(@destructive_action_button, 1.1), 0.98) + ); + color: @destructive_action_button_foreground; +} + +.destructive-action.button:active, +.button.destructive-action:active { + border: 1px solid @destructive_action_button_border; + background-color: @destructive_action_button; + background-image: linear-gradient(to bottom, + @destructive_action_button, + shade(@destructive_action_button, 0.98) + ); + color: @destructive_action_button_foreground; +} + +.destructive-action.button:backdrop, +.button.destructive-action:backdrop { + border: 1px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.destructive-action.button:insensitive, +.button.destructive-action:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.destructive-action.button:backdrop:insensitive, +.button.destructive-action:backdrop:insensitive { + border: 1px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +/* Images */ +.destructive-action.button GtkImage { + color: @destructive_action_button_foreground; +} + +.destructive-action.button:active GtkImage, +.destructive-action.button:focus GtkImage, +.destructive-action.button:hover GtkImage { + color: @suggested_action_button_foreground; +} + +.destructive-action.image-button:active GtkImage, +.destructive-action.image-button:focus GtkImage, +.destructive-action.image-button:hover GtkImage { + color: @suggested_action_button_foreground; +} + +.destructive-action.button:backdrop GtkImage, +.destructive-action.button:backdrop:hover GtkImage, +.destructive-action.button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.destructive-action.button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.destructive-action.button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.destructive-action.button GtkLabel { + color: @destructive_action_button_foreground; + text-shadow:0 1px alpha(#000, 0.05); +} + +.destructive-action.button:active GtkLabel, +.destructive-action.button:focus GtkLabel, +.destructive-action.button:hover GtkLabel { + color: @destructive_action_button_foreground; +} + +.destructive-action.text-button:active GtkLabel, +.destructive-action.text-button:focus GtkLabel, +.destructive-action.text-button:hover GtkLabel { + color: @destructive_action_button_foreground; +} + +.destructive-action.button:backdrop GtkLabel, +.destructive-action.button:backdrop:hover GtkLabel, +.destructive-action.button:focus:backdrop GtkLabel, +.destructive-action.button:active:backdrop GtkLabel { + color: @backdrop_text; + text-shadow:none; +} + +.destructive-action.button:insensitive GtkLabel { + color: @insensitive_text; +} + +.destructive-action.button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/dialogs.css b/Paper/gtk-3.0/widgets/dialogs.css new file mode 100644 index 0000000..7c09bb1 --- /dev/null +++ b/Paper/gtk-3.0/widgets/dialogs.css @@ -0,0 +1,101 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color dialog_header @header; +@define-color dialog_header_text @header_text; + +@define-color backdrop_dialog_header shade(@dialog_header, 0.9); +@define-color backdrop_dialog_header_text alpha(@dialog_header, 0.5); +@define-color insensitive_dialog_header_text alpha(@dialog_header_text, 0.7); + +/*********** + * Dialogs * + ***********/ + +.prompt, +GtkMessageDialog { + -GtkDialog-button-spacing: 0; + -GtkDialog-content-area-border: 12px; +} + +/* Buttons */ +GtkMessageDialog .button { + border: 1px solid @selection; +} + +GtkMessageDialog .button:focus { + border: 1px solid @selection; +} + +/* Titlebar */ +GtkDialog .titlebar, +GtkMessageDialog .titlebar { + border: none; + background-color: @dialog_header; + color: @dialog_header_text; +} + +GtkDialog .titlebar:backdrop, +GtkMessageDialog .titlebar:backdrop { + background-color: @backdrop_dialog_header; + color: @backdrop_dialog_header_text; +} + +GtkDialog, +GtkAboutDialog, +GtkMessageDialog { + background: @background; + color: @text; + box-shadow: none; +} + + +GtkDialog:backdrop, +GtkAboutDialog:backdrop, +GtkMessageDialog:backdrop { + background: @backdrop_background; + color: @backdrop_text; + box-shadow: none; +} + +GtkDialog GtkLabel, +GtkAboutDialog GtkLabel, +GtkMessageDialog GtkLabel { + color: @text; +} + +GtkDialog .toolbar { + background-image: none; + background-color: @background; +} + +GtkFileChooserDialog .search-bar { + background-color: @base; + border-color: @background; + box-shadow: none; } + GtkFileChooserDialog .search-bar:backdrop { + background-color: white; + border-color: @background; } +GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid @border; } + GtkFileChooserDialog .dialog-action-box:backdrop { + border-top-color: @backdrop_border; } + +GtkFileChooserDialog .sidebar.view.cell { + padding: 0; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/dynamic-notebook.css b/Paper/gtk-3.0/widgets/dynamic-notebook.css new file mode 100644 index 0000000..5d13537 --- /dev/null +++ b/Paper/gtk-3.0/widgets/dynamic-notebook.css @@ -0,0 +1,302 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*************************** + * Dynamic Notebook & Tabs * + ***************************/ + +.dynamic-notebook .notebook.header { + background: none; + background-color: @background; + border: 0 solid @border; + border-radius: 0; + border: none; +} + +.dynamic-notebook .notebook.header:backdrop { + background-color: @backdrop_background; + background-image: none; + border-color: @backdrop_border; +} + +.dynamic-notebook { + background: none; + border:none; + +} + +.dynamic-notebook:backdrop { + background-clip: border-box; + background: none; + background-image: none; + border:none; +} + + +.dynamic-notebook .notebook { + /*-GtkNotebook-tab-overlap: 1px;*/ + border-width: 0; +} + +.dynamic-notebook .notebook .button { + background-image: none; + box-shadow: none; + color: shade (@foreground, 1.20); + border-image: none; +} + +.dynamic-notebook .notebook .button GtkImage, +.dynamic-notebook .notebook .button:active GtkImage { + background-image: none; + box-shadow: none; + color: @foreground; +} + +.dynamic-notebook GtkImage:insensitive { + color: @insensitive_text; +} + +.dynamic-notebook .notebook .button:hover { + background-color: alpha(#000, 0.05); + border-color: alpha(#000, 0.2); + box-shadow: inset 0 0 0 1px alpha(#000, 0.05); + color: shade (@foreground, 1.10); +} + +.dynamic-notebook .notebook .button:hover:active { + background-color: alpha(#000, 0.10); +} + +.dynamic-notebook GtkLabel { + background: none; + color: @foreground; +} + +.dynamic-notebook GtkLabel:active { + color: @foreground; + font-weight: bold; +} + +.dynamic-notebook GtkLabel:backdrop { + color: @backdrop_text; +} + +.dynamic-notebook GtkLabel:insensitive, +.dynamic-notebook .image:insensitive { + background: none; + color: @insensitive_background; +} + + +.dynamic-notebook .notebook { + -GtkNotebook-tab-overlap: 0; + border-width: 0; +} + + +.dynamic-notebook .notebook tab { + padding-top: 3px; + color: @foreground; +} + +.dynamic-notebook .notebook tab > .entry { + border-radius: 2px; + padding: 1px 5px; +} + +.dynamic-notebook .notebook tab GtkImage { + color: @foreground; +} + +.dynamic-notebook .notebook tab:active { + color: @foreground; +} + + +/* Hover */ +.dynamic-notebook tab:hover { + background-image: none; + background-color: alpha(@text, 0.05); +} + + + +.dynamic-notebook .notebook tab:active:backdrop, +.dynamic-notebook .notebook tab:backdrop { + background-color: @backdrop_background; + background-image: none; + border: 0 solid transparent; + color: @foreground; +} + +.dynamic-notebook .notebook tab:insensitive { + background-color: @insensitive_background; + border: 0 solid transparent; + color: @foreground; +} + +/*----- Tab indicator bar -----*/ + +/* Normal */ +.dynamic-notebook tab.top { + box-shadow:inset 0 -1px 0 0 @border; +} +.dynamic-notebook tab.bottom { + box-shadow:inset 0 1px 0 0 @border; +} +.dynamic-notebook tab.left { + box-shadow:inset -1px 0 0 0 @border; +} +.dynamic-notebook tab.right { + box-shadow:inset 1px 0 0 0 @border; +} + +/* Active */ +.dynamic-notebook tab.top:active { + box-shadow:inset 0 -2px 0 0 @text; +} +.dynamic-notebook tab.bottom:active { + box-shadow:inset 0 2px 0 0 @text; +} +.dynamic-notebook tab.left:active { + box-shadow:inset -2px 0 0 0 @text; +} +.dynamic-notebook tab.right:active { + box-shadow:inset 2px 0 0 0 @text; +} + +/* Active-Backdrop */ +.dynamic-notebook tab.top:active:backdrop { + box-shadow:inset 0 -2px 0 0 @backdrop_text; +} +.dynamic-notebook tab.bottom:active:backdrop { + box-shadow:inset 0 2px 0 0 @backdrop_text; +} +.dynamic-notebook tab.left:active:backdrop { + box-shadow:inset -2px 0 0 0 @backdrop_text; +} +.dynamic-notebook tab.right:active:backdrop { + box-shadow:inset 2px 0 0 0 @backdrop_text; +} + + +/* Hover */ +.dynamic-notebook tab.top:hover, +.dynamic-notebook tab.bottom:hover, +.dynamic-notebook tab.left:hover, +.dynamic-notebook tab.right:hover { + box-shadow: none; + background: shade(@background, 0.95); +} + +/* Hover-Backdrop */ +.dynamic-notebook tab.top:hover { + box-shadow:inset 0 -2px 0 0 alpha(@text, 0.1); +} +.dynamic-notebook tab.bottom:hover:backdrop { + box-shadow:inset 0 2px 0 0 alpha(@text, 0.1); +} +.dynamic-notebook tab.left:hover:backdrop { + box-shadow:inset -2px 0 0 0 alpha(@text, 0.1); +} +.dynamic-notebook tab.right:hover:backdrop { + box-shadow:inset 2px 0 0 0 alpha(@text, 0.1); +} + +/* Backdrop */ +.dynamic-notebook tab.top:backdrop { + box-shadow:inset 0 -1px 0 0 @backdrop_border; +} +.dynamic-notebook tab.bottom:backdrop { + box-shadow:inset 0 1px 0 0 @backdrop_border; +} +.dynamic-notebook tab.left:backdrop { + box-shadow:inset -1px 0 0 0 @backdrop_border; +} +.dynamic-notebook tab.right:backdrop { + box-shadow:inset 1px 0 0 0 @backdrop_border; +} + +/* Insensitive */ +.dynamic-notebook tab.top:insensitive { + box-shadow:inset 0 -1px 0 0 @insensitive_border; +} +.dynamic-notebook tab.bottom:insensitive { + box-shadow:inset 0 1px 0 0 @insensitive_border; +} +.dynamic-notebook tab.left:insensitive { + box-shadow:inset -1px 0 0 0 @insensitive_border; +} +.dynamic-notebook tab.right:insensitive { + box-shadow:inset 1px 0 0 0 @insensitive_border; +} + + +/*----- In-tab Padding -----*/ + +.dynamic-notebook tab.top { + padding: 6px 8px 8px 8px; +} + +.dynamic-notebook tab.bottom { + padding: 8px 8px 6px 8px; +} + +.dynamic-notebook tab.left { + padding: 8px; +} + +.dynamic-notebook tab.right { + padding: 8px; +} + +.dynamic-notebook .notebook tab > .button, +.dynamic-notebook .notebook tab > .button:hover, +.dynamic-notebook .notebook tab > .button:hover:active, +.notebook tab .button:hover, +.notebook tab .button:hover:active { + background-image: none; + background-color: alpha(#000, 0.02); + + border-color: @border; +} + +.dynamic-notebook .notebook tab > .button:hover:active, +.notebook tab > .button:hover:active { + background-color: alpha(#000, 0.10); +} + + +.dynamic-notebook .notebook .button.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; +} + + +.dynamic-notebook .notebook .button.flat:hover { + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + background-color: alpha(#000,0.1); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/entry.css b/Paper/gtk-3.0/widgets/entry.css new file mode 100644 index 0000000..843d7a5 --- /dev/null +++ b/Paper/gtk-3.0/widgets/entry.css @@ -0,0 +1,140 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********* + * Entry * + *********/ + +.entry { + background: @base; + color: @text; + padding: 6px; + border-radius: 3px; + border: 1px solid @border; +} + +.entry:active { + background-color: @base; + color: @text; + border: 1px solid @border; + box-shadow:inset 0 3px 0 1px alpha(#000, 0.05), + inset 0 1px 0 0 alpha(#000, 0.02); +} + +.entry:focus { + background-color: @base; + color: @text; + border: 1px solid shade(@selection, 0.8); + box-shadow:inset 0 0 0 1px alpha(@selection, 0.2), + inset 0 0 0 2px alpha(@selection, 0.1), + inset 0 1px 0 0 alpha(@selection, 0.3); +} + +.entry:backdrop:active, +.entry:backdrop:focus { + background-color: @backdrop_base; + color: @backdrop_text; + border: 1px solid @backdrop_border; + box-shadow:inset 0 1px 1px 0 alpha(#000, 0.1); +} + +.entry:insensitive { + background-color: @insensitive_background; + color: @insensitive_text; + box-shadow:none; +} + +.entry:selected, +.entry:selected:focus { + color: @base; + background-color: @selection; +} + +.entry:selected:backdrop { + color: @base; + background-color: @selection; +} + +.entry:backdrop { + background-color: @backdrop_background; + color: @backdrop_text; + box-shadow: none; +} + +.entry:insensitive:backdrop { + color: @backdrop_text; + box-shadow: none; + background-color: @backdrop_insensitive_background; + box-shadow: none; +} + +.entry.image { + color: @insensitive_text; +} + +.entry.image.left { + padding-right: 6px; + color: @text; +} + +/********************* + * Entry Progressbar * + *********************/ + +.entry.progressbar, +.entry.progressbar:focus { + margin: 0 2px 0 2px; + border-image: none; + border-style: none; + background: none; + background-image: linear-gradient(to top, + transparent 2px, + @base 2px, + @base 3px, + shade(@selection, 0.9) 3px, + shade(@selection, 0.9) 5px, + transparent 5px); + background-size: auto; + box-shadow: none; +} + +.entry.progressbar.pulse, +.entry.progressbar.pulse:focus { + background-image: linear-gradient(to top, + transparent 2px, + @base 2px, + @base 3px, + @border 3px, + @border 5px, + transparent 5px); +} + +.entry.progressbar:backdrop { + margin: 0 2px 0 2px; + border-image: none; + border-style: none; + background:none; + background-image: linear-gradient(to top, + transparent 2px, + @base 2px, + @base 3px, + @backdrop_selected_background 3px, + @backdrop_selected_background 5px, + transparent 5px); + box-shadow: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/expander.css b/Paper/gtk-3.0/widgets/expander.css new file mode 100644 index 0000000..c398a20 --- /dev/null +++ b/Paper/gtk-3.0/widgets/expander.css @@ -0,0 +1,54 @@ +/************ + * expander * + ************/ +.expander { + border: @border; + color: alpha(@foreground, 0.7); +} + +.expander:active, +.expander:hover { + border: alpha(white, 0.7); + color: alpha(white, 0.7); +} + +.expander:insensitive { + border: alpha(@insensitive_text, 0.7); + color: alpha(@insensitive_text, 0.7); +} + +.expander:backdrop { + border: alpha(@backdrop_text, 0.7); + color: alpha(@backdrop_text, 0.7); +} + + +/* Labels */ +.expander GtkLabel { + color: @text; +} + +.expander:focus GtkLabel { + /*color: shade(@text, 2.0);*/ + color: @text; +} + +.expander:active GtkLabel, +.expander:hover GtkLabel { + color: alpha(#000, 0.5); + /*color: @text;*/ +} + +.expander:backdrop GtkLabel, +.expander:backdrop:hover GtkLabel, +.expander:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.expander:insensitive GtkLabel { + color: @insensitive_text; +} + +.expander:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} diff --git a/Paper/gtk-3.0/widgets/floating-bar.css b/Paper/gtk-3.0/widgets/floating-bar.css new file mode 100644 index 0000000..0666baa --- /dev/null +++ b/Paper/gtk-3.0/widgets/floating-bar.css @@ -0,0 +1,29 @@ + +/* Floating status bar */ +.floating-bar { + padding: 2px; + background-color: @background; + border-width: 1px; + border-style: solid solid none; + border-color: @border; + border-radius: 3px 3px 0 0; +} + +.floating-bar.bottom.left { /* axes left border and border radius */ + border-left-style: none; + border-top-left-radius: 0; +} + +.floating-bar.bottom.right { /* axes right border and border radius */ + border-right-style: none; + border-top-right-radius: 0; +} + +.floating-bar:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; +} + +.floating-bar .button { + padding: 4px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/header-bar.css b/Paper/gtk-3.0/widgets/header-bar.css new file mode 100644 index 0000000..bd7c991 --- /dev/null +++ b/Paper/gtk-3.0/widgets/header-bar.css @@ -0,0 +1,378 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +@define-color backdrop_header_text alpha(@header_text, 0.7); +@define-color insensitive_header_text alpha(@header_text, 0.5); +@define-color backdrop_header_text_dark alpha(@header_text_dark, 0.7); +@define-color insensitive_header_text_dark alpha(@header_text_dark, 0.5); + +/************** + * Header Bar * + **************/ + +.header-bar { + padding:0; + border: none; + border-radius: 4px 4px 0 0; + background-color: @header; + color: @header_text; + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); +} + + +.maximized .header-bar { + border-radius: 0px; + box-shadow: none; +} + +.header-bar:backdrop { + background-image: none; + background-color: @backdrop_header; + color: @backdrop_header_text; + box-shadow: none; +} + +.header-bar *:insensitive { + color: @insensitive_header_text; +} + +/* Text */ +.title, +.header-bar .title { + padding: 0; + padding-left: 13px; + padding-right: 13px; + font: Bold; + color: @header_text; +} + +.header-bar > GtkImage, +.header-bar > GtkArrow { + color: @header_text; +} + +.header-bar .button.linked .title, +.header-bar .button.flat .title { + padding: 0; +} + +.header-bar .title:backdrop { + color: @backdrop_header_text; +} + +/* Subtitle */ +.header-bar .subtitle { + padding: 0; + font: 9; +} + +.header-bar .subtitle, +.header-bar .subtitle GtkLabel, +.header-bar .subtitle GtkImage { + color: alpha(@header_text, 0.8); +} + +.header-bar .subtitle:backdrop, +.header-bar .subtitle:backdrop GtkLabel, +.header-bar .subtitle:backdrop GtkImage { + color: alpha(@backdrop_header_text,0.8); +} + +/* Counter */ +.header-bar .label.counter-label { + background-color: alpha(@header_text,0.5); + color:@header_text; +} + +/*Images*/ + +.header-bar GtkImage, +.header-bar *:active GtkImage, +.header-bar *:focus GtkImage, +.header-bar *:hover GtkImage { + color: @header_text; +} + +.header-bar *:backdrop GtkImage, +.header-bar *:backdrop:hover GtkImage, +.header-bar *:active:backdrop GtkImage { + color: @header_text; + -gtk-image-effect: dim; +} + +.header-bar *:insensitive GtkImage +.header-bar *:backdrop:insensitive GtkImage, +.header-bar *:insensitive:backdrop GtkImage { + color: @header_text; + -gtk-image-effect: dim; +} + + +/* Buttons */ +.header-bar .button, +.header-bar .flat, +.header-bar .button.image-button, +.header-bar .linked, +.header-bar .suggested-action .button, +.header-bar .button.text-button, +.header-bar .titlebutton { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + padding: 10px; + color: @header_text; +} + + +.header-bar .button.image-linked { + padding: 13px; +} + +/* Buttons (Hover) */ +.header-bar .button:hover, +.header-bar .flat:hover, +.header-bar .button.image-button:hover, +.header-bar .linked:hover, +.header-bar .suggested-action .button:hover, +.header-bar .button.text-button:hover, +.header-bar .titlebutton:hover { + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + background-color: alpha(#000,0.1); + color: @header_text; +} + +/* Buttons (Backdrop) */ +.header-bar .button:backdrop, +.header-bar .flat:backdrop, +.header-bar .button.image-button:backdrop, +.header-bar .linked:backdrop, +.header-bar .suggested-action .button:backdrop, +.header-bar .button.text-button:backdrop, +.header-bar .titlebutton:backdrop { + background: none; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + color: shade(@header_text, 1.1); +} + +/* Buttons (Insensitive) */ +.header-bar .button:insensitive, +.header-bar .flat:insensitive, +.header-bar .button.image-button:insensitive, +.header-bar .linked:insensitive, +.header-bar .suggested-action .button:insensitive, +.header-bar .button.text-button:insensitive, +.header-bar .titlebutton:insensitive { + background: none; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + color: alpha(@header_text, 0.5); +} + +/* Buttons (Checked) */ +.header-bar .button:checked, +.header-bar .flat:checked, +.header-bar .button.image-button:checked, +.header-bar .linked:checked, +.header-bar .suggested-action .button:checked, +.header-bar .button.text-button:checked, +.header-bar .titlebutton:checked { + background-image: none; + border: none; + border-radius: 0px; + box-shadow: none; + text-shadow: none; + color: @header_text; + box-shadow:inset 0 -2px 0 0 @header_text; +} + +/* Buttons (Active/Focused) */ +.header-bar .button:focus, +.header-bar .flat:focus, +.header-bar .button.image-button:focus, +.header-bar .linked:focus, +.header-bar .suggested-action .button:focus, +.header-bar .button.text-button:focus, +.header-bar .titlebutton:focus, +.header-bar .button:active, +.header-bar .flat:active, +.header-bar .button.image-button:active, +.header-bar .linked:active, +.header-bar .suggested-action .button:active, +.header-bar .button.text-button:active, +.header-bar .titlebutton:active { + background-image: none; + border: none; + border-radius: 0px; + box-shadow: none; + text-shadow: none; + background-color: alpha(#000,0.1); + color: @header_text; +} + +/* Separators */ + +.header-bar > GtkBox > .separator.vertical { + -GtkWidget-wide-separators: 1; + -GtkWidget-separator-width: 0; + background-color: @separator; + color: @separator; + border:none; +} + +.header-bar .separator, +.header-bar .button .separator, +.header-bar .button.separator { + background: inherit; + color: @separator; + border:none; +} + + +/* Entries */ + +.header-bar .entry { + background-color: alpha(#000, 0.2); + color: @header_text; + border-radius: 2px; + padding: 6px 4px; + border: none; + box-shadow: none; +} + +.header-bar .entry.image { + color: @header_text; +} + +.header-bar .entry:active, +.header-bar .entry:focus { + background-color: @base; + color: @text; + box-shadow: none; + border: none; +} + +.header-bar .entry:active.image, +.header-bar .entry:focus.image { + padding-right: 6px; + color: @text; +} + +.header-bar .entry:backdrop { + box-shadow: none; + color: alpha(@header_text, 0.5); + border: none; +} + +.header-bar .entry.image { + color: alpha(@header_text, 0.5); +} + + +.header-bar .entry:active:backdrop, +.header-bar .entry:focus:backdrop { + background-color: alpha(@base, 0.5); + color: @text; + box-shadow: none; + border: none; +} + + +/* switches */ + +.header-bar GtkSwitch { + border-radius: 1em; + font: bold; +} + +/* Trough */ +.header-bar GtkSwitch.trough { + background: none; + border: none; + background-color: alpha(@header_text, 0.2); + color: @insensitive_header_text; + background-image: none; +} + +.header-bar GtkSwitch.trough:active { + background: none; + border: none; + background-color: alpha(@header_text, 0.2); + color: @header_text; + background-image: none; +} + +.header-bar GtkSwitch.trough:backdrop, +.header-bar GtkSwitch.trough:active:backdrop { + background: none; + border: none; + background-color: alpha(@header_text, 0.1); + color: @backdrop_header_text; + background-image: none; +} + +.header-bar GtkSwitch.trough:insensitive, +.header-bar GtkSwitch.trough:active:insensitive { + background: none; + background: none; + border: none; + color: @insensitive_header_text; + background-image: none; +} + +/* Slider */ +.header-bar GtkSwitch.slider, +.header-bar GtkSwitch.slider:active { + background: none; + border: none; + background-color: @header_text; + background-image: none; + color: @header_text; +} + +.header-bar GtkSwitch.slider:active:insensitive, +.header-bar GtkSwitch.slider:insensitive { + background: none; + border: none; + background-color: @insensitive_header_text; + background-image: none; + color: @insensitive_header_text; +} + +.header-bar GtkSwitch.slider:active:backdrop, +.header-bar GtkSwitch.slider:backdrop { + background: none; + border: none; + background-color: @backdrop_header_text; + background-image: none; + color: @backdrop_header_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/images.css b/Paper/gtk-3.0/widgets/images.css new file mode 100644 index 0000000..6af587f --- /dev/null +++ b/Paper/gtk-3.0/widgets/images.css @@ -0,0 +1,80 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********* + * Images * + **********/ + +*:active GtkImage, +*:focus GtkImage, +*:hover GtkImage { + color: @selection_foreground; +} + +*:backdrop GtkImage, +*:backdrop:hover GtkImage, +*:active:backdrop GtkImage { + color: @backdrop_text; + /*-gtk-image-effect: dim;*/ +} + +*:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +*:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/******************* + * Symbolic Images * + *******************/ + +.image { + color: @internal_element; +} + +.image:hover { + color: @internal_element_prelight; +} + +.image:selected, +.image:selected:hover { + color: @selection_foreground; +} + +.view.image:backdrop, +.image:backdrop { + color: @backdrop_text; +} +.view.image:insensitive, +.image:insensitive { + color: @insenstive_text; +} + +.view.image, +.view.image:hover { + color: @view_symbolic; +} + +.view.image:selected, +.view.image:selected:hover { + color: @selection_foreground; +} diff --git a/Paper/gtk-3.0/widgets/infobars.css b/Paper/gtk-3.0/widgets/infobars.css new file mode 100644 index 0000000..76447b4 --- /dev/null +++ b/Paper/gtk-3.0/widgets/infobars.css @@ -0,0 +1,100 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color infobar_background @selection; +@define-color infobar_foreground #fff; + +/* Success colors */ +@define-color success #4bae4f; +@define-color success_foreground #fff; +@define-color success_text_shadow alpha(#fff, 0.2); +@define-color success_background @success; +@define-color success_border shade(@info_background, 0.9); + +/* Info colors */ +@define-color info #2095f2; +@define-color info_foreground #333333; +@define-color info_text_shadow alpha(#fff, 0.2); +@define-color info_background @info; +@define-color info_border shade(@info_background, 0.9); + +/* Warning colors */ +@define-color warning #fec006; +@define-color warning_foreground #333333; +@define-color warning_text_shadow alpha(#fff, 0.2); +@define-color warning_background @warning; +@define-color warning_border shade(@warning_background, 0.9); + +/* Question colors */ +@define-color question #4ab3e4; +@define-color question_foreground #fff; +@define-color question_text_shadow alpha(#000, 0.2); +@define-color question_background @question; +@define-color question_border shade(@question_background, 0.9); + +/* Error colors */ +@define-color error #f34235; +@define-color error_foreground #fff; +@define-color error_text_shadow alpha(#000, 0.5); +@define-color error_background @error; +@define-color error_border shade(@error_background, 0.9); + +/************** + * GtkInfoBar * + **************/ + +.info, +GtkInfoBar { + background-color: @background; + background-image: linear-gradient(to bottom, + @background, + shade(@background, 0.98) + ); + color: @foreground; + border-style: solid; + border-color: @border; + border-bottom-width: 1px; +} + +.info GtkLabel, +GtkInfoBar GtkLabel { + color: @foreground; +} + +GtkInfoBar .entry, +GtkInfoBar .menu { + color: @foreground; +} + +GtkInfoBar GtkLabel:insensitive { + color: @insensitive_text; +} + +GtkInfoBar .button, +GtkInfoBar .button:focus, +.dynamic-notebook GtkInfoBar .button { + color: @selection_foreground; +} + +GtkInfoBar .button:active, +GtkInfoBar .button:hover:active { + color: @selection_foreground; +} + +GtkInfoBar .button:insensitive { +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/inline-toolbars.css b/Paper/gtk-3.0/widgets/inline-toolbars.css new file mode 100644 index 0000000..6e33e14 --- /dev/null +++ b/Paper/gtk-3.0/widgets/inline-toolbars.css @@ -0,0 +1,173 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/******************* + * Inline Toolbars * + *******************/ + +.inline-toolbar.toolbar { + background-color: @base; + border: solid @border; + border-width: 0 1px 1px 1px; + color: @text; + box-shadow: none; +} + +.inline-toolbar.toolbar:backdrop { + background-color: @backdrop_base; + box-shadow: none; + -gtk-image-effect: dim; +} + +.inline-toolbar.toolbar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; +} + +.inline-toolbar.toolbar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; +} + +/* Buttons */ +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar .text-button, +.inline-toolbar.toolbar .image-button { + border: none; + background: none; + color: @text; + border-radius: 0px; + padding: 13px; +} + +.inline-toolbar.toolbar .button:active +.inline-toolbar.toolbar .text-button:active, +.inline-toolbar.toolbar .image-button:active { + border: none; + color: @text; + box-shadow: none; + padding: 13px; +} + +.inline-toolbar.toolbar .button .raised +.inline-toolbar.toolbar .text-button .raised, +.inline-toolbar.toolbar .image-button .raised { + border: none; + color: @text; + box-shadow: none; + padding: 13px; +} + +/* Hover */ +.inline-toolbar.toolbar .button:hover, +.inline-toolbar.toolbar .button:active:hover +.inline-toolbar.toolbar .text-button:hover, +.inline-toolbar.toolbar .text-button:active:hover, +.inline-toolbar.toolbar .image-button:hover, +.inline-toolbar.toolbar .image-button:active:hover { + padding: 13px; + border: none; + background-color: alpha(#000, 0.1); + color: @text; + box-shadow: none; +} + +/* Insensitive */ +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar .text-button:insensitive, +.inline-toolbar.toolbar .image-button:insensitive { + color: @insensitive_header_text; + -gtk-image-effect: dim; +} + + +/* Backdrop */ +.inline-toolbar.toolbar .button:backdrop, +.inline-toolbar.toolbar .button:active:backdrop +.inline-toolbar.toolbar .text-button:backdrop, +.inline-toolbar.toolbar .text-button:active:backdrop, +.inline-toolbar.toolbar .image-button:backdrop, +.inline-toolbar.toolbar .image-button:active:backdrop { + color: @backdrop_text; + border: none; + padding: 13px; +} + +/* Insensitive:Backdrop; */ +.inline-toolbar.toolbar .button:insensitive:backdrop, +.inline-toolbar.toolbar .text-button:insensitive:backdrop, +.inline-toolbar.toolbar .image-button:insensitive:backdrop { + padding: 13px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/* Images */ +.inline-toolbar.toolbar .button GtkImage { + color: @text; +} + +.inline-toolbar.toolbar .button:active GtkImage, +.inline-toolbar.toolbar .button:focus GtkImage, +.inline-toolbar.toolbar .button:hover GtkImage { + color: @text; +} + +.inline-toolbar.toolbar .button:backdrop GtkImage, +.inline-toolbar.toolbar .button:backdrop:hover GtkImage, +.inline-toolbar.toolbar .button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.inline-toolbar.toolbar .button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.inline-toolbar.toolbar .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.inline-toolbar.toolbar .button GtkLabel { + color: @text; +} + +.inline-toolbar.toolbar .button:active GtkLabel, +.inline-toolbar.toolbar .button:focus GtkLabel, +.inline-toolbar.toolbar .button:hover GtkLabel { + color: @text; +} + +.inline-toolbar.toolbar .button:backdrop GtkLabel, +.inline-toolbar.toolbar .button:backdrop:hover GtkLabel, +.inline-toolbar.toolbar .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.inline-toolbar.toolbar .button:insensitive GtkLabel { + color: @insensitive_text; +} + +.inline-toolbar.toolbar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/labels.css b/Paper/gtk-3.0/widgets/labels.css new file mode 100644 index 0000000..596f6d6 --- /dev/null +++ b/Paper/gtk-3.0/widgets/labels.css @@ -0,0 +1,61 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********** + * Labels * + **********/ + +.label, +.label GtkLabel, +GtkLabel { + color: inherit; +} + +.dim-label, +.dim-label GtkLabel { + color: @insensitive_text; +} + +.label:active, +.label:focus, +.label:hover, +*:active GtkLabel, +*:focus GtkLabel, +*:hover GtkLabel { + color: inherit; +} + +.label:backdrop, +.label:backdrop:hover, +.label:active:backdrop, +*:backdrop GtkLabel, +*:backdrop:hover GtkLabel, +*:active:backdrop GtkLabel { + color: inherit; +} + +.label:insensitive, +*:insensitive GtkLabel { + color: inherit; +} + +.label:insensitive:backdrop, +*:insensitive:backdrop GtkLabel { + color: inherit; +} + diff --git a/Paper/gtk-3.0/widgets/levelbars.css b/Paper/gtk-3.0/widgets/levelbars.css new file mode 100644 index 0000000..ef144c3 --- /dev/null +++ b/Paper/gtk-3.0/widgets/levelbars.css @@ -0,0 +1,95 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************* + * Level Bar * + *************/ + +GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; + border-radius: 2px; +} + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; + border-radius: 2px; +} + +.level-bar.trough, +.level-bar.trough:backdrop { + border: 1px solid @border; + background: @base; + border-radius: 0px; + padding:1px; +} + +.level-bar.fill-block { + border: 1px solid @selected_border; + background-color: @selection; +} + +.level-bar.fill-block:backdrop { + background-color: shade(@backdrop_background, 0.95); + border: 1px solid @backdrop_border; +} + +.level-bar.indicator-continuous.fill-block { + padding: 2px; + border-radius: 4px; +} + +.level-bar.fill-block:backdrop, +.level-bar.fill-block.level-high:backdrop, +.level-bar.fill-block.level-low:backdrop { + background-color: @backdrop_border; + border-color: @backdrop_border; + background-image: none; +} + +.level-bar.indicator-discrete.fill-block.horizontal { + border-radius: 4px; + margin: 0 1px; +} + +.level-bar.indicator-discrete.fill-block.vertical { + border-radius: 4px; + margin: 1px 0; +} + +.level-bar.fill-block.level-high { + border-color: shade(@success, 0.9); + background-color: @success; +} + +.level-bar.fill-block.level-low { + border-color: shade(@warning, 0.9); + background-color: @warning; +} + +.level-bar.fill-block.empty-fill-block { + background: none; + background-image: none; + border-color: alpha(@foreground, 0.1); +} + +.level-bar.fill-block.empty-fill-block:backdrop { + border-color: transparent; + background: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/linked-buttons.css b/Paper/gtk-3.0/widgets/linked-buttons.css new file mode 100644 index 0000000..f0ca6c2 --- /dev/null +++ b/Paper/gtk-3.0/widgets/linked-buttons.css @@ -0,0 +1,103 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********* +* Linked * +*********/ + +/* Middle button */ +.linked entry, +.linked button, +.linked .entry, +.linked .button { + border-left-width: 0; + border-radius: 0; +} + +/* Leftmost button */ +.linked entry:first-child, +.linked button:first-child, +.linked .entry:first-child, +.linked .button:first-child, +.linked > GtkComboBox:first-child > .button { + border-width: 1px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 2.5px; + border-top-left-radius: 2.5px; +} + +/* Rightmost button */ +.linked entry:last-child, +.linked button:last-child, +.linked .entry:last-child, +.linked .button:last-child, +.linked > GtkComboBox:last-child > .button { + border-left-width: 0; + border-bottom-right-radius: 2.5px; + border-top-right-radius: 2.5px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* Linked single button */ +.linked entry:only-child, +.linked button:only-child, +.linked .entry:only-child, +.linked .button:only-child { + border-right-width: 1px; + border-left-width: 1px; + border-radius: 2.5px; +} + +/* Middle button (vertical) */ +.linked.vertical entry, +.linked.vertical button, +.linked.vertical .entry, +.linked.vertical .button { + border-left-width: 1px; + border-bottom-width: 0; + border-radius: 0; +} + +/* Top button (vertical) */ +.linked.vertical entry:first-child, +.linked.vertical button:first-child, +.linked.vertical .entry:first-child, +.linked.vertical .button:first-child { + border-radius: 2.5px 2.5px 0 0; +} + +/* Bottom button (vertical) */ +.linked.vertical entry:last-child, +.linked.vertical button:last-child, +.linked.vertical .entry:last-child, +.linked.vertical .button:last-child { + border-bottom-width: 1px; + border-radius: 0 0 2.5px 2.5px; +} + +/* Linked single button (vertical) */ +.linked.vertical entry:only-child, +.linked.vertical button:only-child, +.linked.vertical .entry:only-child, +.linked.vertical .button:only-child { + border-top-width: 1px; + border-bottom-width: 1px; + border-radius: 2.5px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/links.css b/Paper/gtk-3.0/widgets/links.css new file mode 100644 index 0000000..2fa9165 --- /dev/null +++ b/Paper/gtk-3.0/widgets/links.css @@ -0,0 +1,75 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +@define-color link #02f; +@define-color backdrop_link shade(@link, 1.1); +@define-color visited_link shade(@link, 0.9); + +/********* + * Links * + *********/ +*:link, .button:link, .header-bar .button.titlebutton:link, +.titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited, +.titlebar .button.titlebutton:visited { + color: @visited_link; +} + +*:link:visited, +.button:visited, +.header-bar .button.titlebutton:visited, +.titlebar .button.titlebutton:visited { + color: @visited_link; +} + +*:selected *:link:visited, +*:selected .button:visited { + color: @visited_link; +} + +*:link:hover, +.button:hover:link, +.button:hover:visited { + color: @backdrop_link; +} + +*:selected *:link:hover, +*:selected .button:hover:link, +*:selected .button:hover:visited { + color: shade(@link, 1.1); +} + +*:link:active, +.button:active:link, +.button:active:visited { + color: @visited_link; +} + +*:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { + color: @selection_foreground; +} + +*:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link, +.header-bar.selection-mode .subtitle:backdrop:hover:link { + color: @backdrop_link; +} + +*:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, +.header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: @selected; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/list-rows.css b/Paper/gtk-3.0/widgets/list-rows.css new file mode 100644 index 0000000..da0b299 --- /dev/null +++ b/Paper/gtk-3.0/widgets/list-rows.css @@ -0,0 +1,38 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*********** + * List Rows * + ***********/ + +.list-row { + padding: 5px 8px; + border-width: 0px; + background: none; + color: @text; +} + +.list-row:selected { + background-color: @selection; + color: @selection_foreground; +} + +.list-row:hover { + background-color: shade(@selection, 1.1); + color: @selection_foreground; +} diff --git a/Paper/gtk-3.0/widgets/menu-button.css b/Paper/gtk-3.0/widgets/menu-button.css new file mode 100644 index 0000000..506746f --- /dev/null +++ b/Paper/gtk-3.0/widgets/menu-button.css @@ -0,0 +1,83 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*************** + * Menu Button * + ***************/ + +.menu-button { + color: @text; +} + +.menu-button .menu, +.menu-button .menu GtkLabel, +.menu-button.image-button .menu, +.menu-button.image-button .menu GtkLabel { + color: @text; +} + +.menu-button .menu:backdrop GtkLabel, +.menu-button .menuitem:backdrop GtkLabel +.menu-button.image-button .menu:backdrop GtkLabel, +.menu-button.image-button .menuitem:backdrop GtkLabel { + color: @backdrop_text; +} + +.menu-button .menu:insensitive GtkLabel, +.menu-button .menuitem:insensitive GtkLabel, +.menu-button.image-button .menu:insensitive GtkLabel, +.menu-button.image-button .menuitem:insensitive GtkLabel { + color: @insensitive_text; +} + +.menu-button .menu .accelerator, +.menu-button .menu .accelerator:insensitive, +.menu-button .menuitem .accelerator, +.menu-button .menuitem .accelerator:insensitive +.menu-button .menu .menuitem .accelerator, +.menu-button .menu .menuitem .accelerator:insensitive, +.menu-button.image-button .menu .accelerator, +.menu-button.image-button .menu .accelerator:insensitive, +.menu-button.image-button .menuitem .accelerator, +.menu-button.image-button .menuitem .accelerator:insensitive +.menu-button.image-button .menu .menuitem .accelerator, +.menu-button.image-button .menu .menuitem .accelerator:insensitive { + color: @insensitive_text; +} + +.menu-button.separator { + color: @separator; +} + +.menu-button:hover { +} + +.menu-button:insensitive { + color: @insensitive_text; +} + +.menu-button:hover, +.menu-button:active, +.menu-button:active:insensitive, +.menu-button:insensitive, +.menu-button { +} + +GtkMenuButton.button:active, +GtkMenuButton.button.raised:active { +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/menubars.css b/Paper/gtk-3.0/widgets/menubars.css new file mode 100644 index 0000000..3517c7e --- /dev/null +++ b/Paper/gtk-3.0/widgets/menubars.css @@ -0,0 +1,173 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*********** + * Menubar * + ***********/ + +.menubar { + background-color: @header; + color: @header_text; +} + +.menubar:backdrop { + background-color: @backdrop_header; + color: @backdrop_header_text; +} + +.menubar .menuitem { + background: none; + color: @header_text; + + -gtk-icon-style: symbolic; +} + +.menubar.menuitem:active, +.menubar .menuitem:active { + background: none; + color: @selection; + box-shadow:inset 0 -3px 0 0 @selection; +} + +.menubar .menuitem:backdrop { + background: none; + color: @backdrop_header_text; +} + +.menubar .menuitem:hover { + background-color: @selection; + color: @selection_foreground; + box-shadow:inset 0 -3px 0 0 @selection; +} + +/* Separator */ +.menubar.menuitem.separator { + color: @separator; +} + +/* Images */ +.menubar .menuitem GtkImage { + color: @header_text; +} + +.menubar .menuitem:active GtkImage, +.menubar .menuitem:focus GtkImage, +.menubar .menuitem:hover GtkImage { + color: @selection_foreground; +} + +.menubar .menuitem:backdrop GtkImage, +.menubar .menuitem:backdrop:hover GtkImage, +.menubar .menuitem:active:backdrop GtkImage { + color: @backdrop_header_text; + /*-gtk-image-effect: dim;*/ +} + +.menubar .menuitem:insensitive GtkImage { + color: @insensitive_header_text; + /*-gtk-image-effect: dim;*/ +} + +.menubar .menuitem:insensitive:backdrop GtkImage { + color: mix(@backdrop_header_text, @insensitive_header_text, 0.5); + /*-gtk-image-effect: dim;*/ +} + +/* Labels */ +.menubar .menuitem GtkLabel { + color: @header_text; +} + +.menubar .menuitem:active GtkLabel, +.menubar .menuitem:focus GtkLabel, +.menubar .menuitem:hover GtkLabel { + color: @selection_foreground; +} + + +.menubar .menuitem:backdrop GtkLabel, +.menubar .menuitem:active:backdrop GtkLabel { + color: @backdrop_header_text; +} + +.menubar .menuitem:backdrop:hover GtkLabel { + color: @backdrop_text; + /* color: alpha (#000, 0.6); */ +} + +.menubar .menuitem:insensitive GtkLabel { + color: @insensitive_header_text; +} + +.menubar .menuitem:insensitive:backdrop GtkLabel { + color: mix(@backdrop_header_text, @insensitive_header_text, 0.5); +} + +/* Images */ +.menubar .menu .menuitem GtkImage { + color: @text; +} + +.menubar .menu .menuitem:active GtkImage, +.menubar .menu .menuitem:focus GtkImage, +.menubar .menu .menuitem:hover GtkImage { + color: @selection_foreground; +} + +.menubar .menu .menuitem:backdrop GtkImage, +.menubar .menu .menuitem:backdrop:hover GtkImage, +.menubar .menu .menuitem:active:backdrop GtkImage { + color: @backdrop_text; + /*-gtk-image-effect: dim;*/ +} + +.menubar .menu .menuitem:insensitive GtkImage { + color: @insensitive_text; + /*-gtk-image-effect: dim;*/ +} + +.menubar .menu .menuitem:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + /*-gtk-image-effect: dim;*/ +} + +/* Labels */ +.menubar .menu .menuitem GtkLabel { + color: @text; +} + +.menubar .menu .menuitem:active GtkLabel, +.menubar .menu .menuitem:focus GtkLabel, +.menubar .menu .menuitem:hover GtkLabel { + color: @selection_foreground; +} + +.menubar .menu .menuitem:backdrop GtkLabel, +.menubar .menu .menuitem:backdrop:hover GtkLabel, +.menubar .menu .menuitem:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.menubar .menu .menuitem:insensitive GtkLabel { + color: @insensitive_text; +} + +.menubar .menu .menuitem:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/menus.css b/Paper/gtk-3.0/widgets/menus.css new file mode 100644 index 0000000..cf509e0 --- /dev/null +++ b/Paper/gtk-3.0/widgets/menus.css @@ -0,0 +1,147 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******** + * Menu * + ********/ + +.content-view .menu, +.context-menu, +.menu, +.popup { + padding: 4px 0; + border-radius: 4px; + box-shadow: 0 2px 4px 0 alpha(#000,0.1), + inset 0 1px 0 0 alpha(#fff,0.1); + background-color: @background; + color: @text; +} + +/* Menu Item */ +.menuitem { + border:none; + padding: 8px 4px; + + -GtkMenuItem-arrow-scaling: 0.5; + -gtk-icon-style: symbolic; +} + +/* Active */ +.menuitem:active { + background-color: @selection; + color: @selection_foreground; + -gtk-icon-style: symbolic; +} + +/* Hover*/ +.menuitem:hover { + background-color: @selection; + color: @selection_foreground; + -gtk-icon-style: symbolic; +} + +.menuitem:backdrop, +.menu .menuitem:backdrop { + box-shadow: none; + border: none; +} + +.menuitem:insensitive, +.menu .menuitem:insensitive { + box-shadow: none; + color: @insensitive_text; + border: none; +} + +/* Arrows */ +.menu .menuitem.arrow { + color: @text; + -GtkComboBox-arrow-scaling: 0.5; +} + +.menu .menuitem.arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} +.menu .menuitem.arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +/* Separator color */ +.menuitem.separator { + border: none; + color: @border; + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; +} + +.menuitem .entry { + border: none; + background-color: @base; + background-image: none; +} + +.menuitem .entry:active, +.menuitem .entry:focus { + border: none; +} + +/* Accelerators */ +.menuitem .accelerator, +.menuitem .accelerator:insensitive { + background: none; + color: @insensitive_text; +} + +.menuitem .accelerator:hover, +.menuitem .accelerator:active { + background: none; +} + + +/* Menu Text */ +.menuitem GtkLabel { + padding-left: 2px; + padding-right: 2px; + color: @text; +} + +.menuitem:hover GtkLabel { + color: @selection_foreground; +} + +/* Menu Text */ +.menuitem GtkLabel:insensitive { + color: @insensitive_text; +} + +.menu .menuitem GtkLabel, +.popup .menuitem GtkLabel { + padding-left: 6px; +} + +/* Menu Image */ +.menuitem GtkImage { + padding-left: 2px; + padding-right: 2px; + color: @text; +} + +.menuitem:hover GtkImage, +.menu .menuitem:hover GtkImage { + color: @selection_foreground; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/message-dialogs.css b/Paper/gtk-3.0/widgets/message-dialogs.css new file mode 100644 index 0000000..446c45f --- /dev/null +++ b/Paper/gtk-3.0/widgets/message-dialogs.css @@ -0,0 +1,229 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/****************** +* Message Dialogs * +*******************/ + +.message-dialog { + padding: 0px; + padding-top: 8px; + /*background: @background;*/ + -GtkDialog-button-spacing: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.window-frame.message-dialog, +.window-frame.message-dialog:backdrop { + border-radius: 4px; +} + +.message-dialog.csd { + border-radius: 5px; + background: @background; + box-shadow: 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); + padding-top: 8px; + margin: 0; +} + +.message-dialog.csd.background { + padding: 0px; + margin: 0px; + background: @background; + box-shadow: none; +} + +/* Buttons */ +.message-dialog.csd .dialog-action-area { + padding: 0; +} + +.message-dialog .dialog-action-area .button { + border: none; + border-radius: 0; + padding: 0; + font: bold; + /*padding: 8px;*/ +} + +.message-dialog.csd .dialog-action-area .button { + border-radius: 2px; + border: none; + background-image: none; + background-color: transparent; + color: @text; +} + +.message-dialog.csd .dialog-action-area .button:hover { + border: none; + background-image: none; + background-color: @selection; + color: @selection_foreground; +} + +.message-dialog.csd .dialog-action-area .button:active, +.message-dialog.csd .dialog-action-area .button:active:hover { + border: none; + border-radius: 2px; + background-image: none; + background-color: alpha(#000, 0.2); + color: @text; +} + +.message-dialog.csd .dialog-action-area .button:insensitive { + border: none; + background-image: none; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.message-dialog.csd .dialog-action-area .button:backdrop { + border: none; + background-image: none; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.message-dialog.csd .dialog-action-area .button:backdrop:insensitive { + border: none; + background-image: none; + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +/* Suggested Action Button */ +.message-dialog.csd .dialog-action-area .button.suggested-action { + background-image: none; + border: 0px solid @suggested_action_button; + background-color: @suggested_action_button; + color: @suggested_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:hover { + background-image: none; + border: 0px solid shade(@suggested_action_button, 1.2); + background-color: shade(@suggested_action_button, 1.2); + color: @suggested_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:active { + background-image: none; + border: 0px solid shade(@suggested_action_button, 1.1); + background-color: shade(@suggested_action_button, 1.1); + color: @suggested_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop { + background-image: none; + border: 0px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:insensitive { + background-image: none; + border: 0px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive { + background-image: none; + border: 0px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + + +/* Destructive Action Button */ +.message-dialog.csd .dialog-action-area .button.destructive-action { + background-image: none; + border: 0px solid @destructive_action_button_border; + background-color: @destructive_action_button; + color: @destructive_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:hover { + background-image: none; + border: 0px solid shade(@destructive_action_button_border, 1.1); + background-color: shade(@destructive_action_button, 1.1); + color: @destructive_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:active { + background-image: none; + border: 0px solid @destructive_action_button_border; + background-color: @destructive_action_button; + color: @destructive_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop { + background-image: none; + border: 0px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { + background-image: none; + border: 0px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive { + background-image: none; + border: 0px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +.message-dialog.csd .dialog-action-area .button, +.message-dialog.csd .dialog-action-area .button:hover, +.message-dialog.csd .dialog-action-area .button:active, +.message-dialog.csd .dialog-action-area .button:insensitive, +.message-dialog.csd .dialog-action-area .button:backdrop, +.message-dialog.csd .dialog-action-area .button:backdrop:insensitive, +.message-dialog.csd .dialog-action-area .button.suggested-action, +.message-dialog.csd .dialog-action-area .button.suggested-action:hover, +.message-dialog.csd .dialog-action-area .button.suggested-action:active, +.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, +.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, +.message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, +.message-dialog.csd .dialog-action-area .button.destructive-action, +.message-dialog.csd .dialog-action-area .button.destructive-action:hover, +.message-dialog.csd .dialog-action-area .button.destructive-action:active, +.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, +.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, +.message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { + background-image: none; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; +} + +.message-dialog.csd .dialog-action-area .button:last-child { + /*border-bottom-right-radius: 7px;*/ +} + +.message-dialog.csd .dialog-action-area .button:first-child { + border-left-style: none; + /*border-bottom-left-radius: 7px;*/ +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/miscellaneous.css b/Paper/gtk-3.0/widgets/miscellaneous.css new file mode 100644 index 0000000..482191c --- /dev/null +++ b/Paper/gtk-3.0/widgets/miscellaneous.css @@ -0,0 +1,94 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********* + * text * + *********/ +.h1 { font: 24; } +.h2 { font: 18; } +.h3 { font: 12; } + + +/************* + * assistant * + *************/ +GtkAssistant .sidebar .highlight { + font: bold; +} + +GtkAssistant .sidebar { + padding: 3px; + border-right-width: 3px; + border-style: solid; + border-right-color: @border; + border-radius: 0; + background-color: @background; + color: mix(@foreground, @background, 0.1); +} + + +/************************* + * touch text selections * + *************************/ +GtkBubbleWindow { + border-radius: 4px; + background-clip: border-box; +} + +GtkBubbleWindow.osd.background { + background-color: @osd_background; +} + +GtkBubbleWindow .toolbar { + background: none; +} + + +/* dnd */ +.view.dim-label, +.dim-label, +.dim-label:hover, +.dim-label:focus { + color: mix(@foreground, @background, 0.5); +} + +.dim-label:selected, +.dim-label:selected:focus { + color: mix(@selection_foreground, @selection, 0.5); +} + +.dnd { + border: 1px solid shade(@selection, 0.9); +} + +.grip { + background: none; +} + +.arrow { + color: alpha(@foreground, 0.7); +} + +/********* + * Links * + *********/ + +*:link, +*:visited { + color: @link; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/notebook.css b/Paper/gtk-3.0/widgets/notebook.css new file mode 100644 index 0000000..c8671f1 --- /dev/null +++ b/Paper/gtk-3.0/widgets/notebook.css @@ -0,0 +1,328 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******************* + * Notebook & Tabs * + *******************/ + +.notebook { + background-color: @base; + box-shadow:0 0 0 1px @border; + background-clip: border-box; +} + +.notebook.header { + border: none; + background-color: @background; +} + +.notebook.header, +.notebook.header:backdrop { + border-width: 0px; +} + +.notebook.header.frame.top, +.notebook.header.frame.top:backdrop {/* + border-top: 1px solid @border; + border-left: 1px solid @border; + border-right: 1px solid @border;*/ + border:none; +} + +.notebook.header.frame.bottom, +.notebook.header.frame.bottom:backdrop { + /*border-bottom: 1px solid @border; + border-left: 1px solid @border; + border-right: 1px solid @border;*/ + border:none; +} + +.notebook.header.frame.left, +.notebook.header.frame.left:backdrop { + /*border-top: 1px solid @border; + border-bottom: 1px solid @border; + border-left: 1px solid @border;*/ + border:none; +} + +.notebook.header.frame.right, +.notebook.header.frame.right:backdrop { + /*border-top: 1px solid @border; + border-bottom: 1px solid @border; + border-right: 1px solid @border;*/ + border:none; +} + +.notebook.frame { + /*FIXME: Move the border down here so devs have more control*/ + border: none; +} + +.notebook GtkViewport { + background-color: @base; + border:none; +} + +.notebook:insensitive, +.notebook GtkViewport:insensitive { + background-color: @insensitive_background; + border-color: @insensitive_border; + color: @insensitive_text; +} + +.notebook:backdrop, +.notebook GtkViewport:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; + color: @backdrop_text; +} + +.notebook:insensitive:backdrop, +.notebook GtkViewport:insensitive:backdrop { + background-color: @backdrop_insensitive_background; + border-color: @backdrop_border; +} + +/* Labels */ +.notebook GtkLabel, +.notebook:active GtkLabel, +.notebook:focus GtkLabel, +.notebook:hover GtkLabel { + color: @text; +} + +.notebook:backdrop GtkLabel, +.notebook:backdrop:hover GtkLabel, +.notebook:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.notebook:insensitive GtkLabel { + color: @insensitive_text; +} + +.notebook:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/*----- Tabs -----*/ + +.notebook tab { + /*border: none;*/ + border-radius: 0; + padding-top: 3px; + background: @background; + color: @foreground; +} + +.notebook tab > .entry { + border-radius: 2px; + padding: 2px 5px; +} + +.notebook tab:active { + border: none; + background: @background; + color: @foreground; +} + +.notebook tab:hover { + color: alpha(#fff, 0.3); + transition: all 300ms cubic-bezier(0.3, 0.5, 0.5, 0.9); +} + +.notebook tab:backdrop { + border: none; + background: @backdrop_background; + color: @backdrop_text; +} + +.notebook tab:insensitive { + border: none; + background: @insensitive_background; + color: @insensitive_text; +} + +/*----- Tab indicator bar -----*/ + +/* Normal */ +.notebook tab.top { + box-shadow:inset 0 -1px 0 0 @border; +} +.notebook tab.bottom { + box-shadow:inset 0 1px 0 0 @border; +} +.notebook tab.left { + box-shadow:inset -1px 0 0 0 @border; +} +.notebook tab.right { + box-shadow:inset 1px 0 0 0 @border; +} + +/* Hover */ +.notebook tab.top:hover, +.notebook tab.bottom:hover, +.notebook tab.left:hover, +.notebook tab.right:hover { + box-shadow: none; + background: shade(@background, 0.95); +} + +/* Active */ +.notebook tab.top:active { + box-shadow:inset 0 -2px 0 0 @text; +} +.notebook tab.bottom:active { + box-shadow:inset 0 2px 0 0 @text; +} +.notebook tab.left:active { + box-shadow:inset -2px 0 0 0 @text; +} +.notebook tab.right:active { + box-shadow:inset 2px 0 0 0 @text; +} + +/* Active-Backdrop */ +.notebook tab.top:active:backdrop { + box-shadow:inset 0 -2px 0 0 @backdrop_border; +} +.notebook tab.bottom:active:backdrop { + box-shadow:inset 0 2px 0 0 @backdrop_border; +} +.notebook tab.left:active:backdrop { + box-shadow:inset -2px 0 0 0 @backdrop_border; +} +.notebook tab.right:active:backdrop { + box-shadow:inset 2px 0 0 0 @backdrop_border; +} + +/* Backdrop */ +.notebook tab.top:backdrop { + box-shadow:inset 0 -1px 0 0 @backdrop_border; +} +.notebook tab.bottom:backdrop { + box-shadow:inset 0 1px 0 0 @backdrop_border; +} +.notebook tab.left:backdrop { + box-shadow:inset -1px 0 0 0 @backdrop_border; +} +.notebook tab.right:backdrop { + box-shadow:inset 1px 0 0 0 @backdrop_border; +} + +/* Insensitive */ +.notebook tab.top:insensitive { + box-shadow:inset 0 -1px 0 0 @insensitive_border; +} +.notebook tab.bottom:insensitive { + box-shadow:inset 0 1px 0 0 @insensitive_border; +} +.notebook tab.left:insensitive { + box-shadow:inset -1px 0 0 0 @insensitive_border; +} +.notebook tab.right:insensitive { + box-shadow:inset 1px 0 0 0 @insensitive_border; +} + +/*----- In-tab Padding -----*/ + +.notebook tab.top { + padding: 6px 8px 8px 8px; +} + +.notebook tab.bottom { + padding: 8px 8px 6px 8px; +} + +.notebook tab.left { + padding: 8px; +} + +.notebook tab.right { + padding: 8px; +} + + +/*----- Labels -----*/ + +.notebook tab GtkLabel { + background: none; + color: @backdrop_text; +} + +.notebook tab:active GtkLabel, +.notebook .active-page, +.notebook tab .active-page GtkLabel { + background: none; + color: @foreground; + font-weight: bold; + text-shadow: 0 1px alpha(@base,0.2); +} + +.notebook tab:backdrop GtkLabel, +.notebook tab GtkLabel:backdrop { + background: none; + color: @backdrop_text; +} + +/*----- Close Button -----*/ + +.notebook tab .button, +.notebook tab .button:active, +.notebook tab .button:hover { + color: @backdrop_text; + background-image: none; + background: none; + border-radius: 4px; + padding: 2px; + box-shadow: none; +} + + +.notebook tab .button GtkImage { + color: @backdrop_text; +} + +.notebook tab .button:hover GtkImage, +.notebook tab .button:active GtkImage { + color: @selection_foreground; +} + +.notebook tab .button:backdrop GtkImage { + color: @backdrop_text; +} + +.notebook tab .button:hover { + color: @foreground; + background-color: alpha(#000, 0.1); +} + +.notebook tab .button:active, +.notebook tab .button:active:hover { + color: @selection_foreground; + background-color: @selection; +} + +.notebook tab .button:backdrop { + color: mix(@backdrop_foreground, @backdrop_base, 0.7); +} + +.notebook tab .button:backdrop:hover { + color: @backdrop_foreground; +} diff --git a/Paper/gtk-3.0/widgets/osd.css b/Paper/gtk-3.0/widgets/osd.css new file mode 100644 index 0000000..8e410ce --- /dev/null +++ b/Paper/gtk-3.0/widgets/osd.css @@ -0,0 +1,331 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color osd_background alpha(#000, 0.7); +@define-color osd_background_backdrop shade(@osd_background, 0.9); +@define-color osd_foreground @selection; +@define-color osd_lowlight alpha(#fff, 0.2); +@define-color osd_button_border alpha(#fff, 0); +@define-color osd_button_inset @osd_button_border; + +/******* + * OSD * + *******/ +.background.osd { + color: @osd_foreground; + background-color: @osd_background; +} + +.background.osd:backdrop { + background-color: @osd_background_backdrop; +} + +GtkOverlay.osd { + background: none; +} + +.osd.frame { + background-clip: border-box; + background-origin: border-box; +} + +/* OSD Buttons */ + +.osd .button, +.osd.toolbar .button, +.osd.toolbar .button.image-button, +.osd.toolbar .text-button, +.osd.toolbar GtkToolButton .button { + background-color: transparent; + background-image: none; + padding: 4px; + border-width: 1px 0; + border-radius: 0; + border: none; + box-shadow: none; +} + +.osd.toolbar .button:first-child { + padding: 4px; + border-radius: 2px 0 0 2px; + border-width: 1px 0 1px 1px; + box-shadow: inset -1px 0 @osd_button_inset; +} + +.osd.toolbar .button:last-child { + padding: 4px; + box-shadow: none; + border-radius: 0 2px 2px 0; + border-width: 1px 1px 1px 0; +} + +.osd.toolbar .button:only-child, +.osd.toolbar .button.image-button, +.osd.toolbar .text-button, +.osd.toolbar GtkToolButton .button, +.osd.toolbar GtkToolButton:only-child .button, +.osd.toolbar GtkToolButton:last-child .button, +.osd.toolbar GtkToolButton:first-child .button { + border-width: 1px; + border-radius: 2px; + border-style: solid; + padding: 4px; + box-shadow: none; + border: none; +} + +.osd .button:hover, +.osd .button:active:hover +.osd.toolbar .button:hover, +.osd.toolbar .button:active:hover, +.osd.toolbar .button.image-button:hover, +.osd.toolbar .button.image-button:active:hover +.osd.toolbar GtkToolButton .button:hover, +.osd.toolbar GtkToolButton .button:active:hover { + padding: 4px; + border: none; + border-radius: 2px; + box-shadow: none; + background: alpha(#fff, 0.1); + color: @osd_foreground; +} + +.osd .button:active, +.osd.toolbar .button:active, +.osd.toolbar .button.image-button:active +.osd.toolbar GtkToolButton .button:active { + padding: 4px; + border-radius: 2px; + box-shadow: none; + border: none; + background: alpha(#fff, 0.2); + color: @osd_foreground; +} + +.osd .button:backdrop, +.osd.toolbar .button:backdrop, +.osd.toolbar .button.image-button:backdrop +.osd.toolbar GtkToolButton .button:backdrop, +.osd .button:active:backdrop, +.osd.toolbar .button:active:backdrop, +.osd.toolbar .button.image-button:active:backdrop +.osd.toolbar GtkToolButton .button:active:backdrop { + padding: 4px; + border-radius: 2px; + box-shadow: none; + border: none; + background: alpha(#fff, 0.1); + color: alpha(@osd_foreground, 0.8); +} + +.osd .button:insensitive, +.osd.toolbar .button:insensitive { + background-image: none; + background-color: @osd_button_background_insensitive; +} + +.osd .button:active:insensitive { + background-image: none; + background-color: @osd_button_background_insensitive_active; +} + +.osd .button:backdrop { + background-image: none; + background-color: @osd_button_background_backdrop; +} + +.osd .button:backdrop:hover, +.osd .button:backdrop:active:hover { + background-image: none; + background-color: @osd_button_background_backdrop_hover; +} + +.osd .button:backdrop:active { + background-image: none; + background-color: @osd_button_background_backdrop_active; +} + +.osd .button:backdrop:insensitive, +.osd .button:backdrop:insensitive:active { + background-image: none; + background-color: @osd_button_background_backdrop_insensitive; +} + +.osd .button:hover { + color: @osd_button_foreground_hover; +} + +.osd .button:active, +.osd .button:hover:active { + color: @osd_button_foreground_active; +} + +.osd .button:insensitive, +.osd .button:active *:insensitive { + color: @osd_button_foreground_insensitive; +} + +.osd .button:backdrop, +.osd .button:backdrop:insensitive, +.osd .button:backdrop:active *:insensitive { + color: @osd_button_foreground_backdrop; +} + +.osd .button:backdrop:active { + color: @osd_button_foreground_backdrop_active; +} + +.osd .button:active, +.osd .button:active:hover, +.osd GtkMenuButton.button:active { +} + +.osd GtkMenuButton.button:active { + background: none; + border-color: @osd_button_border; +} + +.osd GtkMenuButton.button:active { + color: @osd_button_foreground_active; + text-shadow: 0 -1px @osd_button_shadow; +} + +/* OSD Toolbar */ + +.osd.toolbar { + color: @osd_foreground; + padding: 10px; + border-style: none; + border-radius: 4px; + background-color: @osd_background; + + -GtkToolbar-button-relief: normal; +} + +.osd.toolbar:backdrop { + background-image: none; + background-color: @osd_background_backdrop; +} + +.osd.toolbar .separator { + color: shade(@osd_lowlight, 0.80); +} + +/* used by gnome-settings-daemon's media-keys OSD */ +.osd.trough { + background-color: @osd_trough_background; +} + +.osd.progressbar { + background-color: @osd_foreground; +} + +.osd .scale.trough { + border-color: @osd_button_border; + background: none; +} + +.osd .scale.trough.highlight { + border-color: mix(@osd_button_border, @selection_color, 0.70); +} + +.osd .scale.trough:insensitive, +.osd .scale.trough.highlight:insensitive { + border-color: shade(@osd_button_border, 0.60); + background-image: none; + background: none; +} + +.osd GtkProgressBar, +GtkProgressBar.osd { + padding: 0; + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 3px; + -GtkProgressBar-min-horizontal-bar-height: 3px; +} + +.osd GtkProgressBar.trough, +GtkProgressBar.osd.trough { + padding: 0; + border-image: none; + border-style: none; + border-width: 0; + background-image: none; + background: none; + border-radius: 0; +} + +.osd GtkProgressBar.progressbar, +GtkProgressBar.osd.progressbar { + border-style: none; + background-color: @selection_color; + background-image: none; + border-radius: 0; +} + +.osd .view, +.osd.view { + background-color: @osd_view_background; +} + +.osd .view:backdrop, +.osd.view:backdrop { + background-color: @osd_view_background_backdrop; +} + +.osd .scrollbar.trough { + background-color: @osd_scrollbar_trough; +} + +.osd .scrollbar.trough:backdrop { + background-color: @osd_scrollbar_trough_backdrop; +} + +.osd .scrollbar.slider { + background-color: @osd_scrollbar_slider; +} + +.osd .scrollbar.slider:hover { + background-color: @osd_scrollbar_slider_prelight; +} + +.osd .scrollbar.slider:active { + background-color: @osd_scrollbar_slider_active; +} + +.osd GtkIconView.cell:selected, +.osd GtkIconView.cell:selected:focus { + background: none; + + border-style: solid; + border-radius: 15px; + border-width: 3px; + border-color: @osd_button_foreground; + + outline-color: transparent; +} + +/* used by Documents */ +.osd .page-thumbnail { + border-style: solid; + border-width: 1px; + border-color: @osd_lowlight; + + /* when there's no pixbuf yet */ + background-color: @osd_background; +} diff --git a/Paper/gtk-3.0/widgets/overflow.css b/Paper/gtk-3.0/widgets/overflow.css new file mode 100644 index 0000000..fffeedf --- /dev/null +++ b/Paper/gtk-3.0/widgets/overflow.css @@ -0,0 +1,129 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********** +* Overflow * +***********/ + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent 3px, transparent); +} + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 3%, transparent, rgba(0, 0, 0, 0.02) 25%, transparent); +} + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent 2px, transparent); +} + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent 2px, transparent); +} + +.undershoot.sidebar { + background-color: transparent; +} + +.undershoot:backdrop { +} diff --git a/Paper/gtk-3.0/widgets/popovers.css b/Paper/gtk-3.0/widgets/popovers.css new file mode 100644 index 0000000..36f1192 --- /dev/null +++ b/Paper/gtk-3.0/widgets/popovers.css @@ -0,0 +1,207 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************************* + * Touch text selections * + *************************/ + +GtkPopover { + padding: 2px; + border-radius: 6px; + background-clip: border-box; + background-color: @background; + border: 1px solid alpha(#000, 0.3); + box-shadow: 0 2px 3px 2px @menu_shadow; + margin: 10px; + color: @text; +} + +GtkPopover.osd { + background-color: @osd_popover_background; + border-color: @border; + box-shadow: 0 2px 8px 3px alpha(@menu_shadow, 0.4), inset 0 1px 0 0 @osd_popover_background; + color: darker(white); +} + + +/* Buttons */ +GtkPopover .button, +GtkPopover .button .image-button { + background-color: @base; + color: @text; +} + +GtkPopover .button:focus, +GtkPopover .button .image-button:focus { + color: shade(@text, 0.8); +} + +GtkPopover .button:hover, +GtkPopover .button .image-button:hover { + color: @selection; +} + +GtkPopover .button:active, +GtkPopover .button .image-button:active { + background-color: @selection; + color: shade(@text, 0.8); +} + +GtkPopover .button:active:hover, +GtkPopover .button .image-button:active:hover { + background-color: shade(@selection, 1.1); + color: @selection_foreground; +} + +GtkPopover .button:insensitive, +GtkPopover .button .image-button:insensitive { + color: @insensitive_text; +} + +GtkPopover .button:backdrop, +GtkPopover .button .image-button:backdrop { + color: @backdrop_text; +} + + +/* Linked Buttons */ +GtkPopover .linked .button, +GtkPopover .linked .button .image-button { + border: 1px solid @border; + background-color: @base; + color: @text; +} + +GtkPopover .linked .button:focus, +GtkPopover .linked .button .image-button:focus { + color: shade(@text, 0.8); +} + +GtkPopover .linked .button:hover, +GtkPopover .linked .button .image-button:hover { + color: @selection; +} + +GtkPopover .linked .button:active, +GtkPopover .linked .button .image-button:active { + background-color: @selection; + color: shade(@text, 0.8); +} + +GtkPopover .linked .button:active:hover, +GtkPopover .linked .button .image-button:active:hover { + background-color: shade(@selection, 1.1); + color: shade(@text, 0.8); +} + +GtkPopover .linked .button:insensitive, +GtkPopover .linked .button .image-button:insensitive { + color: @insensitive_text; +} + +GtkPopover .linked .button:backdrop, +GtkPopover .linked .button .image-button:backdrop { + color: @backdrop_text; +} + + +GtkPopover .linked .button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +GtkPopover .linked .button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +/* Separator */ +GtkPopover .separator { + font-size: 80%; + font-weight: bold; + color: @border; + background: none; + border: 0; +} + +GtkPopover.osd > .toolbar .button { + border-radius: 0px; + border-width: 0px; +} + + +/* Images */ +GtkPopover .button:focus GtkImage, +GtkPopover .button GtkImage { + color: @text; +} + +GtkPopover .button:active GtkImage { + color: @selection_foreground; +} + +GtkPopover .button:hover GtkImage, +GtkPopover .image-button:hover GtkImage { + color: shade(@text, 2.0); +} + +GtkPopover .button:backdrop GtkImage, +GtkPopover .button:backdrop:hover GtkImage, +GtkPopover .button:active:backdrop GtkImage { + color: @backdrop_text; + /*-gtk-image-effect: dim;*/ +} + +GtkPopover .button:insensitive GtkImage { + color: @insensitive_text; + /*-gtk-image-effect: dim;*/ +} + +GtkPopover .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + /*-gtk-image-effect: dim;*/ +} + +/* Labels */ +GtkPopover .button:focus GtkLabel, +GtkPopover .button GtkLabel { + color: @text; +} + +GtkPopover .button:active GtkLabel { + color: @selection_foreground; +} + +GtkPopover .button:hover GtkLabel { + color: shade(@text, 2.0); +} + +GtkPopover .button:backdrop GtkLabel, +GtkPopover .button:backdrop:hover GtkLabel, +GtkPopover .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +GtkPopover .button:insensitive GtkLabel { + color: @insensitive_text; +} + +GtkPopover .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/progressbars.css b/Paper/gtk-3.0/widgets/progressbars.css new file mode 100644 index 0000000..4fc9445 --- /dev/null +++ b/Paper/gtk-3.0/widgets/progressbars.css @@ -0,0 +1,199 @@ + +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color progressbar_background @progress_color; +@define-color backdrop_progressbar_background shade(@progressbar_background, 1.2); +@define-color insensitive_progressbar_background shade(@insensitive_background, 0.85); + +@define-color progressbar_border shade(@progressbar_background, 0.7); +@define-color backdrop_progressbar_border shade(@progressbar_border, 1.3); +@define-color insensitive_progressbar_border shade(@insensitive_border, 0.85); + +@define-color progressbar_trough_background @base; +@define-color backdrop_progressbar_trough_background shade(@progressbar_trough_background, 1.2); +@define-color insensitive_progressbar_trough_background shade(@insensitive_background, 0.85); + +@define-color progressbar_trough_border shade(@progressbar_trough_background, 0.8); +@define-color backdrop_progressbar_trough_border shade(@progressbar_trough_border, 1.05); +@define-color insensitive_progressbar_trough_border shade(@insensitive_border, 0.85); + + +/**************** + * Progress bar * + ****************/ + +GtkProgressBar { + padding: 0; + border: 1px solid; + border-radius: 4px; +} + +GtkProgressBar.progressbar { + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); + border-color: @progressbar_border; + color: @text; + background-color: @progressbar_background; +} + +GtkProgressBar.progressbar:active { + border-color: @progressbar_border; + color: @text; + background-color: @progressbar_background; +} + +GtkProgressBar.progressbar:backdrop, +GtkProgressBar.progressbar:active:backdrop { + border-color: @backdrop_progressbar_border; + color: @backdrop_text; + background-color: @backdrop_progressbar_background; + box-shadow: none; +} + +GtkProgressBar.trough { + border-color: @progressbar_trough_border; + background-color: @progressbar_trough_background; +} + +GtkProgressBar.trough:backdrop { + border-color: @backdrop_progressbar_trough_border; + background-color: @backdrop_progressbar_trough_background; +} + +GtkProgressBar.trough:insensitive { + border-color: @insensitive_progressbar_trough_border; + background-color: @insensitive_progressbar_trough_background; +} + +.trough, +.trough.vertical { + padding: 0; + border: 1px solid @progressbar_trough_border; + background-color: @progressbar_trough_background; +} + +.trough:insensitive, +.trough.vertical:insensitive { + background-image:none; + background-color:@insensitive_progressbar_trough_background; + border: 1px solid @insensitive_rough_border; +} + +.trough:backdrop, +.trough.vertical:backdrop { + padding: 0; + border: 1px solid @backdrop_progressbar_trough_border; + background-color: @backdrop_progressbar_trough_background; +} + + +/******************** + * Row Progressbars * + ********************/ + +.progressbar row, +.progressbar row:hover, +.progressbar row:selected, +.progressbar row:selected:focus, +.progressbar.vertical row, +.progressbar.vertical row:hover, +.progressbar.vertical row:selected, +.progressbar.vertical row:selected:focus { + border: 1px solid @progressbar_border; + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @selection; +} + +.progressbar row:insensitive, +.progressbar row:hover:insensitive, +.progressbar row:selected:insensitive, +.progressbar row:selected:focus:insensitive, +.progressbar.vertical row:insensitive, +.progressbar.vertical row:hover:insensitive, +.progressbar.vertical row:selected:insensitive, +.progressbar.vertical row:selected:focus:insensitive { + border: 1px solid @insensitive_progressbar_border; + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @selection; +} + +.progressbar row:backdrop, +.progressbar row:hover:backdrop, +.progressbar row:selected:backdrop, +.progressbar row:selected:focus:backdrop, +.progressbar.vertical row:backdrop, +.progressbar.vertical row:hover:backdrop, +.progressbar.vertical row:selected:backdrop, +.progressbar.vertical row:selected:focus:backdrop { + border: 1px solid @backdrop_progressbar_border; + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @backdrop_progressbar_background; + box-shadow: none; +} + +.trough row, +.trough row:hover, +.trough row:selected, +.trough row:selected:focus, +.trough.vertical row, +.trough.vertical row:hover, +.trough.vertical row:selected, +.trough.vertical row:selected:focus { + border: 1px solid alpha(#000, 0.2); + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @progressbar_trough_background; +} + + +.trough row:insensitive, +.trough row:hover:insensitive, +.trough row:selected:insensitive, +.trough row:selected:focus:insensitive, +.trough.vertical row:insensitive, +.trough.vertical row:hover:insensitive, +.trough.vertical row:selected:insensitive, +.trough.vertical row:selected:focus:insensitive { + border: 1px solid alpha(#000, 0.2); + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @insensitive_progressbar_trough_background; +} + +.trough row:backdrop, +.trough row:hover:backdrop, +.trough row:selected:backdrop, +.trough row:selected:focus:backdrop, +.trough.vertical row:backdrop, +.trough.vertical row:hover:backdrop, +.trough.vertical row:selected:backdrop, +.trough.vertical row:selected:focus:backdrop { + border: 1px solid alpha(#000, 0.2); + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @backdrop_progressbar_trough_background; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/scales.css b/Paper/gtk-3.0/widgets/scales.css new file mode 100644 index 0000000..72aff0d --- /dev/null +++ b/Paper/gtk-3.0/widgets/scales.css @@ -0,0 +1,124 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for morbordere details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color scale_background @progress_color; +@define-color scale_border shade(@scale_background, 0.7); +@define-color backdrop_scale_background shade(@scale_background, 0.95); +@define-color insensitive_scale_background shade(@scale_background, 1.2); + +/********** + * Scales * + **********/ + +.scale { + -GtkScale-slider-length: 16px; + -GtkRange-slider-width: 16px; + -GtkRange-trough-border: 0px; + border-radius: 0; +} + +/* Positive fill colors */ +.scale.highlight.left, +.scale.vertical.highlight.bottom, +.menubar .menuitem .scale.highlight.left, +.menubar .menuitem .scale.highlight.bottom { + border: 1px solid @scale_background; + background-color: @scale_background; +} + +/* Insensitive fill colors */ +.scale.highlight.left:insensitive, +.scale.highlight.bottom:insensitive, +.menubar .menuitem .scale.highlight.left:insensitive, +.menubar .menuitem .scale.highlight.bottom:insensitive { + border: 1px solid @insensitive_scale_background; + background-color: @insensitive_scale_background; +} + +/* Backdrop fill colors */ +.scale.vertical.highlight.left:backdrop, +.scale.vertical.highlight.bottom:backdrop, +.menubar .menuitem.scale.highlight.left:backdrop, +.menubar .menuitem.scale.highlight.bottom:backdrop { + border: 1px solid @backdrop_scale_background; + background-color: @backdrop_scale_background; +} + +/*********** + * Troughs * + ***********/ + +/* Margins */ +.scale.trough { + border-width: 1px; + margin: 7px 0; +} + +.scale.trough.vertical { + border-width: 1px; + margin: 0 7px; +} + +/* Trough colors */ +.scale.trough, +.scale.trough.vertical { + border: 1px solid @trough_background; + background-color: @trough_background; +} + +/* Hover trough colors */ +.scale.trough:hover, +.scale.trough.vertical:hover { + border: 1px solid @border; + background-color: @border; +} + +/* Insensitive trough colors */ +.scale.trough:insensitive, +.scale.trough.vertical:insensitive { + border: 1px solid @insensitive_trough_background; + background-color: @insensitive_trough_background; +} + +/* Backdrop trough colors */ +.scale.trough:backdrop, +.scale.trough.vertical:backdrop { + border: 1px solid @backdrop_trough_background; + background-color: @backdrop_trough_background; +} + +/**************** + * Progress Bar * + ****************/ +.scale.progressbar +.scale.progressbar.vertical { + background-color: @scale_background; + border: 1px solid @scale_background; +} + +.scale.progressbar:insensitive, +.scale.progressbar.vertical:insensitive { + background-color: @insensitive_trough_background; + border: 1px solid @insensitive_trough_background; +} + +.scale.progressbar:backdrop, +.scale.progressbar.vertical:backdrop { + background-color: @backdrop_trough_background; + border: 1px solid @backdrop_trough_background; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/scrollbars.css b/Paper/gtk-3.0/widgets/scrollbars.css new file mode 100644 index 0000000..a18aaa0 --- /dev/null +++ b/Paper/gtk-3.0/widgets/scrollbars.css @@ -0,0 +1,135 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color scrollbar_slider shade(@foreground,1.2); +@define-color scrollbar_slider_backdrop shade(@scrollbar_slider,0.95); +@define-color scrollbar_slider_insensitive shade(@scrollbar_slider,1.05); + +@define-color scrollbar_trough transparent; +@define-color scrollbar_trough_insensitive shade(@scrollbar_trough,0.95); +@define-color scrollbar_trough_backdrop shade(@scrollbar_trough,0.95); + +/************** + * Scrollbars * + **************/ + +.scrollbar { + background-image: none; + border-style: solid; + border: 1px solid transparent; + -GtkRange-trough-border: 2; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 6; + -GtkScrollbar-min-slider-length: 30; + + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; +} + +/* Slider */ +.scrollbar.slider { + background-color: alpha(@foreground, 0.2); + border-radius: 10px; +} + +.scrollbar.slider:hover { + background-color: @selection; + background-image: none; +} + +.scrollbar.slider:active. +.scrollbar.slider:prelight:active { + background-color: shade(@selection, 1.2); + background-image: none; +} + +.scrollbar.slider:insensitive { + background-color: alpha(@insensitive_foreground, 0.2); +} + +.scrollbar.slider:backdrop { + background-color: alpha(@backdrop_foreground, 0.2); +} + +.scrollbar.slider.fine-tune:prelight:active { + background-image: none; + border: 3px solid transparent; +} + + +/* Troughs */ +.scrollbars-junction, /* the small square between scrollbars!!! */ +.scrollbar.trough { + /*border-radius: 10px;*/ + background-image: none; + background:@background; + border-width: 0; + border-image: none; +} + +.scrollbar.trough:insensitive { + background: none; + border: 3px solid transparent; +} + +.scrollbars-junction:backdrop, +.scrollbar.trough:backdrop { + background-image: none; + background: none; + border-width: 0; + border-radius: 0; + border-image: none; +} + +.scrollbar.trough:insensitive:backdrop { + background-image: none; + background: none; + border-width: 0; + border-radius: 0; + border-image: none; +} + +/********************** + * Overlay Scrollbars * + *********************/ +OsThumb { + color: @selection; +} + +OsThumb:selected, +OsScrollbar:selected { + background-color: @selection; +} + +OsThumb:active, +OsScrollbar:active { + background-color: @selection; +} + +OsThumb:active:backdrop, +OsScrollbar:active:backdrop, +OsThumb:backdrop, +OsScrollbar:backdrop { + background-color: @backdrop_text; +} + +OsThumb:insensitive, +OsScrollbar:insensitive { + background-color: @insensitive_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/search-bars.css b/Paper/gtk-3.0/widgets/search-bars.css new file mode 100644 index 0000000..1cc9e90 --- /dev/null +++ b/Paper/gtk-3.0/widgets/search-bars.css @@ -0,0 +1,231 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color searchbar shade(@base, 0.95); + +/*************** + * Search bars * + ***************/ + +.search-bar.toolbar, +.search-bar { + padding: 4px 0; + background-color: @searchbar; + box-shadow: inset 0 -1px 1px -2px alpha(#000, 0.5); + color: @foreground; + border-bottom: 1px solid @border; +} + + +.search-bar.toolbar .entry GtkImage { + color: @foreground; +} + +.search-bar.toolbar .entry:backdrop GtkImage { + color: @backdrop_foreground; +} + +.search-bar.toolbar:focus, +.search-bar:focus { + background-color: @searchbar; + box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.5); + color: @foreground; +} + +.search-bar.toolbar:backdrop, +.search-bar:backdrop { + background-color: shade(@searchbar, 0.99); + box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.1); + color: @backdrop_text; +} + +/*********** + * Buttons * + ***********/ + +.search-bar.toolbar .button, +.search-bar.toolbar .text-button, +.search-bar.toolbar .image-button { + border: none; + background: none; + color: @foreground; + border-radius: 0px; + padding: 13px; +} + +.search-bar.toolbar .button:active +.search-bar.toolbar .text-button:active, +.search-bar.toolbar .image-button:active { + border: none; + color: @foreground; + box-shadow: inset 0 -2px 0 0 @foreground; + padding: 13px; +} + +/* Hover */ +.search-bar.toolbar .button:hover, +.search-bar.toolbar .button:active:hover +.search-bar.toolbar .text-button:hover, +.search-bar.toolbar .text-button:active:hover, +.search-bar.toolbar .image-button:hover, +.search-bar.toolbar .image-button:active:hover { + padding: 13px; + border: none; + background-color: alpha(#000, 0.1); + color: @foreground; + box-shadow: none; +} + +/* Insensitive */ +.search-bar.toolbar .button:insensitive, +.search-bar.toolbar .text-button:insensitive, +.search-bar.toolbar .image-button:insensitive { + background: none; + color: @insensitive_text; + -gtk-image-effect: dim; +} + +/* Backdrop */ +.search-bar.toolbar .button:backdrop, +.search-bar.toolbar .button:active:backdrop +.search-bar.toolbar .text-button:backdrop, +.search-bar.toolbar .text-button:active:backdrop, +.search-bar.toolbar .image-button:backdrop, +.search-bar.toolbar .image-button:active:backdrop { + background: none; + color: @backdrop_text; + border: none; + padding: 13px; +} + +/* Insensitive:Backdrop; */ +.search-bar.toolbar .button:insensitive:backdrop, +.search-bar.toolbar .text-button:insensitive:backdrop, +.search-bar.toolbar .image-button:insensitive:backdrop { + padding: 13px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/* Images */ +.search-bar.toolbar GtkImage, +.search-bar.toolbar .button GtkImage { + color: @foreground; +} + +.search-bar.toolbar .button:active GtkImage, +.search-bar.toolbar .button:focus GtkImage, +.search-bar.toolbar .button:hover GtkImage { + color: @foreground; +} + +.search-bar.toolbar:backdrop GtkImage, +.search-bar.toolbar .button:backdrop GtkImage, +.search-bar.toolbar .button:backdrop:hover GtkImage, +.search-bar.toolbar .button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.search-bar.toolbar:insensitive GtkImage, +.search-bar.toolbar .button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.search-bar.toolbar .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.search-bar.toolbar .button GtkLabel { + color: @foreground; +} + +.search-bar.toolbar .button:active GtkLabel, +.search-bar.toolbar .button:focus GtkLabel, +.search-bar.toolbar .button:hover GtkLabel { + color: @foreground; +} + +.search-bar.toolbar .button:backdrop GtkLabel, +.search-bar.toolbar .button:backdrop:hover GtkLabel, +.search-bar.toolbar .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.search-bar.toolbar .button:insensitive GtkLabel { + color: @insensitive_text; +} + +.search-bar.toolbar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + +/******************** + * Search bar entry * + ********************/ + +.search-bar .entry, +.search-bar.toolbar .entry { + background: none; + color: @foreground; + border-radius: 0px; + border: none; + box-shadow: none; +} + +.search-bar .entry:selected, +.search-bar.toolbar .entry:selected +.search-bar .entry:selected:focus, +.search-bar.toolbar .entry:selected:focus { + color: @base; + background-color: @selection; + box-shadow: none; +} + +.search-bar .entry:active, +.search-bar .entry:focus, +.search-bar.toolbar .entry:active, +.search-bar.toolbar .entry:focus { + background: none; + color: @foreground; + border: none; + box-shadow: none; +} + +.search-bar .entry:backdrop, +.search-bar.toolbar .entry:backdrop { + background: none; + color: @backdrop_text; + border: none; + box-shadow: none; +} + +.search-bar .entry.image, +.search-bar.toolbar .entry.image { + color: @foreground; +} + +.search-bar .entry.image.left, +.search-bar.toolbar .entry.image.left { + padding-right: 6px; + color: @foreground; +} diff --git a/Paper/gtk-3.0/widgets/selection-mode.css b/Paper/gtk-3.0/widgets/selection-mode.css new file mode 100644 index 0000000..8e9adbb --- /dev/null +++ b/Paper/gtk-3.0/widgets/selection-mode.css @@ -0,0 +1,149 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************************* + * Selection Mode Colors * + *************************/ + +@define-color selection_mode_background #347D9F; +@define-color selection_mode_foreground @base; +@define-color selection_mode_background_backdrop shade(@selection_mode_background, 0.8); +@define-color selection_mode_foreground_backdrop alpha(@selection_mode_foreground, 0.5); + + +/****************** + * Selection Mode * + ******************/ +.selection-mode { + color: @selection_mode_foreground; + background-color: @selection_mode_background; + border: none; +} +.selection-mode.header-bar, +.selection-mode.toolbar { + color: @selection_mode_foreground; + background-color: @selection_mode_background; + border: none; +} + +.titlebar.selection-mode .selection-menu .arrow, +.header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: alpha(@header_text, 0.5); + icon-shadow: none; +} + +.selection-mode.toolbar { + padding-left: 6px; + padding-right: 6px; +} + +.selection-mode.header-bar:backdrop, +.selection-mode.toolbar:backdrop { + background-color: @selection_mode_background_backdrop; + color: @selection_mode_foreground_backdrop; +} + +/* regular button */ +.selection-mode.header-bar .button, +.selection-mode.toolbar .button, +.selection-mode.toolbar GtkToolButton .button { + padding: 13px; + background-image: none; + border: none; + color: @selection_mode_foreground; +} + +.selection-mode.header-bar .button:hover, +.selection-mode.toolbar .button:hover, +.selection-mode.toolbar GtkToolButton .button:hover { + background-color: alpha(#000, 0.1); +} + +.selection-mode.header-bar .button:active, +.selection-mode.header-bar .button:hover:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar .button:hover:active, +.selection-mode.toolbar GtkToolButton .button:active, +.selection-mode.toolbar GtkToolButton .button:hover:active { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground; +} + +.selection-mode.header-bar .button:active:backdrop, +.selection-mode.header-bar .button:hover:active:backdrop, +.selection-mode.toolbar .button:active:backdrop, +.selection-mode.toolbar .button:hover:active:backdrop, +.selection-mode.toolbar GtkToolButton .button:active:backdrop, +.selection-mode.toolbar GtkToolButton .button:hover:active:backdrop { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground_backdrop; + color: @selection_mode_foreground_backdrop; +} + +.selection-mode.header-bar .button:backdrop, +.selection-mode.toolbar .button:backdrop, +.selection-mode.toolbar GtkToolButton .button:backdrop { + color: @selection_mode_foreground_backdrop; +} + +.selection-mode.header-bar .button:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar GtkToolButton .button:active { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground; +} + +/* menu button */ +.selection-mode.header-bar .selection-menu.button, +.selection-mode.toolbar .selection-menu.button { + color: @selection_mode_foreground; +} + +.selection-mode.toolbar .dim-label, +.selection-mode.toolbar .selection-menu.button .dim-label { + color: @selection_mode_foreground; +} + +.selection-mode.header-bar .selection-menu.button:hover, +.selection-mode.toolbar .dim-label:hover, +.selection-mode.toolbar .selection-menu.button:hover, +.selection-mode.toolbar .selection-menu.button .dim-label:hover { + color: @selection_mode_foreground; +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground; +} + +.selection-mode.header-bar .selection-menu.button:active:backdrop, +.selection-mode.toolbar .selection-menu.button:active:backdrop { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground_backdrop; + color: @selection_mode_foreground_backdrop; +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground; + color: @selection_mode_foreground; +} diff --git a/Paper/gtk-3.0/widgets/separators.css b/Paper/gtk-3.0/widgets/separators.css new file mode 100644 index 0000000..4345065 --- /dev/null +++ b/Paper/gtk-3.0/widgets/separators.css @@ -0,0 +1,55 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************** + * Separators * + **************/ + +GtkSeparator, +.separator, +.pane-separator, +.button .separator { + color: @separator; +} + +GtkSeparator:backdrop, +.separator:backdrop, +.pane-separator:backdrop, +.button .separator:backdrop { + color: @backdrop_separator; +} + +.pane-separator { + border: 1px solid @separator; + border-width: 0px; +} + +.pane-separator.vertical { + border: 1px solid @separator; + border-left-width: 0px; + border-right-width: 0px; +} + + +.sidebar-pane-separator, +.sidebar-pane-separator:hover, +.sidebar-pane-separator:selected { + background-color: @separator; + border: 1px solid @border; +} diff --git a/Paper/gtk-3.0/widgets/sidebar.css b/Paper/gtk-3.0/widgets/sidebar.css new file mode 100644 index 0000000..7cf2178 --- /dev/null +++ b/Paper/gtk-3.0/widgets/sidebar.css @@ -0,0 +1,157 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************************ +* Sidebar & Source List * +************************/ + +.sidebar, +.sidebar .view, +.sidebar GtkScrolledWindow, +.source-list, +.source-list.view { + background-color: @background; + color: @foreground; +} + +GtkDialog .sidebar, +GtkDialog .sidebar .view, +GtkDialog .sidebar GtkScrolledWindow { + background-color: shade (@background, 1.07); +} + +.sidebar, +.sidebar .view, +.sidebar .view:selected:backdrop, +.sidebar .view:hover:selected:backdrop, +.source-list, +.source-list.view, +.source-list.view:selected:backdrop, +.source-list.view:hover:selected:backdrop { +} + +.sidebar, +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.sidebar .separator, +.source-list .separator { + color: @separator; +} +.sidebar .separator:backdrop, +.source-list .separator:backdrop { + color: @backdrop_separator; +} + +.sidebar:backdrop, +.source-list:backdrop { + border: solid @backdrop_border; + border-left-width: 1px; +} + +.source-list.category-expander { + color: transparent; +} + +.sidebar .view:hover, +.source-list.view:hover { + background-color: shade (@background, 1.02); +} + +.sidebar .view:selected, +.sidebar .view:hover:selected, +.sidebar.view:selected, +.sidebar.view:hover:selected, +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: @selection_foreground; + background-color: @selection; + box-shadow: none; +} + +GtkDialog .sidebar .view:selected, +GtkDialog .sidebar .view:hover:selected { + color: @selection_foreground; + background-color: @selection; +} + +.sidebar .view:selected:backdrop, +.sidebar .view:hover:selected:backdrop, +.source-list.view:selected:backdrop, +.source-list.view:hover:selected:backdrop { + color: alpha(@selection, 0.5); +} + +GtkDialog .sidebar .view:selected:backdrop, +GtkDialog .sidebar .view:hover:selected:backdrop { + color: alpha(@selection, 0.5); +} + +.sidebar-pane-separator, +.sidebar-pane-separator:hover, +.sidebar-pane-separator:selected { + + border-width: 0; + -GtkPaned-handle-size: 1; + background-image: none; + /*background-color: shade (@background, 0.75);*/ +} + +.sidebar .scrollbar.trough, +.sidebar .scrollbars-junction, +.source-list .scrollbar.trough, +.source-list .scrollbars-junction { + background-color: @background; +} + +.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: alpha(#000, 0.4); + color: @background; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:hover:selected { + color: @background; +} + +.source-list.badge:selected:backdrop, +.source-list.badge:selected:hover:backdrop { + background-image: none; + background-color: alpha(#000, 0.2); + color: shade (@background, 0.95); +} + +.sidebar .separator { + color: @separator; +} +.sidebar .separator:backdrop { + color: @backdrop_separator; +} diff --git a/Paper/gtk-3.0/widgets/source-list.css b/Paper/gtk-3.0/widgets/source-list.css new file mode 100644 index 0000000..791fe7b --- /dev/null +++ b/Paper/gtk-3.0/widgets/source-list.css @@ -0,0 +1,36 @@ +/************** +* Source List * +***************/ + +.source-list, +.source-list.view { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + + background-color: $bg_color; + color: $fg_color; + border-left-width: 1px; + + &:backdrop + + .category-expander { + color: transparent; + } + + .badge { + background-image: none; + background-color: alpha(#000, 0.4); + color: $bg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; + + &:selected:backdrop, + &:selected:hover:backdrop { + background-color: alpha(#000, 0.2); + color: shade ($bg_color, 0.95); + } + } + +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/spinbutton.css b/Paper/gtk-3.0/widgets/spinbutton.css new file mode 100644 index 0000000..0423929 --- /dev/null +++ b/Paper/gtk-3.0/widgets/spinbutton.css @@ -0,0 +1,118 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************** + * Spinbutton * + **************/ +.spinbutton { + border-radius: 2px; + border: 1px solid @border; + box-shadow: none; + color: @text; +} + +.spinbutton:hover, +.spinbutton:focus { + box-shadow: none; +} + +.spinbutton .button { + border-radius: 0px; + background: none; + border: none; + padding: 2px 4px; + color: @foreground; +} + +.spinbutton .button:last-child { + border-radius: 0px; + background: none; + border: none; + /*border-top-right-radius: 5px;*/ + /*border-bottom-right-radius: 5px;*/ + padding: 2px 4px; + color: @foreground; +} + +/* Buttons */ + +.spinbutton .button:hover { + box-shadow: none; + border: none; + color: @selection; + background: none; +} + +.spinbutton .button:active { + box-shadow: none; + background-color: @selection; + color: @selection_foreground; +} + +.spinbutton .button:insensitive { + box-shadow: none; + background-color: @insensitive_background; + color: @insensitive_text; +} + +/* Entry */ +.spinbutton.entry { + background-color: @base; + color: @text; +} + +.spinbutton.entry:focus { + color: @text; +} + +.spinbutton.entry:insensitive { + color: @insensitive_text; + background-color: @insensitive_background; +} + +.spinbutton.entry:backdrop { + color: @backdrop_text; + background-color: @backdrop_background; +} + + +/* Labels */ +.spinbutton GtkLabel { + color: @text; +} + +.spinbutton:active GtkLabel, +.spinbutton:focus GtkLabel, +.spinbutton:hover GtkLabel { + color: @selection_foreground; +} + +.spinbutton:backdrop GtkLabel, +.spinbutton:backdrop:hover GtkLabel, +.spinbutton:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.spinbutton:insensitive GtkLabel { + color: @insensitive_text; +} + +.spinbutton:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} diff --git a/Paper/gtk-3.0/widgets/spinner.css b/Paper/gtk-3.0/widgets/spinner.css new file mode 100644 index 0000000..43891e8 --- /dev/null +++ b/Paper/gtk-3.0/widgets/spinner.css @@ -0,0 +1,47 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*********** + * Spinner * + ***********/ + +.menu.spinner, +.primary-toolbar .spinner { + color: @selection; +} + +/********************* + * Spinner Animation * + *********************/ + +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +.spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +.spinner:active { + opacity: 1; + animation: spin 1s linear infinite; +} +.spinner:active:insensitive { + opacity: 0.5; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/statusbar.css b/Paper/gtk-3.0/widgets/statusbar.css new file mode 100644 index 0000000..f280c79 --- /dev/null +++ b/Paper/gtk-3.0/widgets/statusbar.css @@ -0,0 +1,32 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************* + * Statusbar * + *************/ +GtkStatusbar { + padding: 0; + color: @foreground; + border-width: 0px; +} + +GtkStatusbar .frame { + padding: 0; + border: none; + background-color: @background; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/suggested-action-buttons.css b/Paper/gtk-3.0/widgets/suggested-action-buttons.css new file mode 100644 index 0000000..1de23bc --- /dev/null +++ b/Paper/gtk-3.0/widgets/suggested-action-buttons.css @@ -0,0 +1,192 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color suggested_action_button shade(@selection, 0.9); +@define-color suggested_action_button_foreground #fff; +@define-color backdrop_suggested_action_foreground alpha(#fff, 0.8); +@define-color insensitive_suggested_action_foreground alpha(#fff, 0.5); +@define-color suggested_action_button_border shade(@suggested_action_button, 0.9); + +/**************************** + * Suggested action buttons * + ****************************/ + +.suggested-action.button, +.button.suggested-action { + border: 1px solid @suggested_action_button_border; + background-color: @suggested_action_button; + background-image: linear-gradient(to bottom, + @suggested_action_button, + shade(@suggested_action_button, 0.98) + ); + color: @suggested_action_button_foreground; +} + +.suggested-action.button:hover, +.button.suggested-action:hover { + border: 1px solid shade(@suggested_action_button_border, 1.1); + background-color: shade(@suggested_action_button, 1.2); + background-image: linear-gradient(to bottom, + shade(@suggested_action_button, 1.1), + shade(shade(@suggested_action_button, 1.1), 0.98) + ); + color: @suggested_action_button_foreground; +} + +.suggested-action.button:active, +.button.suggested-action:active { + border: 1px solid shade(@suggested_action_button, 1.1); + background-color: shade(@suggested_action_button, 1.1); + background-image: linear-gradient(to bottom, + @suggested_action_button, + shade(@suggested_action_button, 0.98) + ); + color: @suggested_action_button_foreground; +} + +.suggested-action.button:backdrop, +.button.suggested-action:backdrop { + border: 1px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.suggested-action.button:insensitive, +.button.suggested-action:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.suggested-action.button:backdrop:insensitive, +.button.suggested-action:backdrop:insensitive { + border: 1px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +.suggested-action.text-button, +.text-button.suggested-action { + border: 1px solid @suggested_action_button_border; + background-color: @suggested_action_button; + color: @suggested_action_button_foreground; +} + +.suggested-action.text-button:hover, +.text-button.suggested-action:hover { + border: 1px solid shade(@suggested_action_button_border, 1.1); + background-color: shade(@suggested_action_button, 1.2); + color: @suggested_action_button_foreground; +} + +.suggested-action.text-button:active, +.text-button.suggested-action:active { + border: 1px solid shade(@suggested_action_button_border, 1.1); + background-color: shade(@suggested_action_button, 1.1); + color: @suggested_action_button_foreground; +} + +.suggested-action.text-button:backdrop, +.text-button.suggested-action:backdrop { + border: 1px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.suggested-action.text-button:insensitive, +.text-button.suggested-action:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.suggested-action.text-button:backdrop:insensitive, +.text-button.suggested-action:backdrop:insensitive { + border: 1px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + + +/* Images */ +.suggested-action.button GtkImage { + color: @suggested_action_button_foreground; +} + +.suggested-action.button:active GtkImage, +.suggested-action.button:focus GtkImage, +.suggested-action.button:hover GtkImage { + color: @suggested_action_button_foreground; +} + +.suggested-action.image-button:active GtkImage, +.suggested-action.image-button:focus GtkImage, +.suggested-action.image-button:hover GtkImage { + color: @suggested_action_button_foreground; +} + +.suggested-action.button:backdrop GtkImage, +.suggested-action.button:backdrop:hover GtkImage, +.suggested-action.button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.suggested-action.button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.suggested-action.button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.suggested-action.button GtkLabel { + color: @suggested_action_button_foreground; + text-shadow:0 1px alpha(#000, 0.05); +} + +.suggested-action.button:active GtkLabel, +.suggested-action.button:focus GtkLabel, +.suggested-action.button:hover GtkLabel { + color: @suggested_action_button_foreground; +} + +.suggested-action.text-button:active GtkLabel, +.suggested-action.text-button:focus GtkLabel, +.suggested-action.text-button:hover GtkLabel { + color: @suggested_action_button_foreground; +} + +.suggested-action.button:backdrop GtkLabel, +.suggested-action.button:backdrop:hover GtkLabel, +.suggested-action.button:focus:backdrop GtkLabel, +.suggested-action.button:active:backdrop GtkLabel { + color: @backdrop_text; + text-shadow:none; +} + +.suggested-action.button:insensitive GtkLabel { + color: @insensitive_text; +} + +.suggested-action.button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/switches.css b/Paper/gtk-3.0/widgets/switches.css new file mode 100644 index 0000000..56ed0a7 --- /dev/null +++ b/Paper/gtk-3.0/widgets/switches.css @@ -0,0 +1,78 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color switch_trough_active #9fb0b9; + +@define-color switch_slider #ffffff; +@define-color switch_slider_border @trough_border; +@define-color backdrop_slider_border @backdrop_trough_border; + + +/************* + * GtkSwitch * + *************/ + +GtkSwitch { + font: 1; + /*min-height: 24px; + min-width: 24px; FIXME: Uncomment for 3.19 */ + -GtkSwitch-slider-width: 20; + -GtkSwitch-slider-height: 20; + transition: all 200ms ease-in; +} + +GtkSwitch.trough { + background-color: alpha (#000, 0.2); + border: none; + border-radius: 14px; + color: transparent; + padding: 2px; +} + +GtkSwitch.trough:active { + background-color: @switch_trough_active; +} + +GtkSwitch.trough:insensitive { + background-color: alpha (#000, 0.2); +} + +GtkSwitch.trough:active:backdrop, +GtkSwitch.trough:active:insensitive { + background-color: alpha (@switch_trough_active, 0.5); +} + +GtkSwitch.slider { + background-color: @switch_slider; + border: none; + border-radius: 50%; + + box-shadow: 0 2px 2px alpha (#000, 0.2), + 0 1px 2px alpha (#000, 0.2); + padding: 2px; +} + +GtkSwitch.slider:focus { + background-color: @switch_slider; +} + +GtkSwitch.slider:insensitive, +GtkSwitch.slider:backdrop { + background-color: @switch_slider; + box-shadow: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/tiles.css b/Paper/gtk-3.0/widgets/tiles.css new file mode 100644 index 0000000..4784957 --- /dev/null +++ b/Paper/gtk-3.0/widgets/tiles.css @@ -0,0 +1,141 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/********* + * Tiles * + *********/ + +.tile { + border-radius: 3px; + padding: 4px 9px; + border: 1px solid @border; + background-color: @background; + color: @text; +} + +.featured-tile { + color: @base; +} + +.featured-tile:backdrop { + color: @base; +} + +.tile:focus, +.tile:active:focus { + border: 1px solid @selection; + background-color: shade(@selection, 1.1); + color: @selection; +} + +/* Hover Button */ +.tile:hover, +.tile:active:hover { + border: 1px solid shade(@selection, 1.1); + background-color: shade(@selection, 1.2); + color: @selection_foreground; +} + +/* Active (Pressed) Button */ +.tile:active { + border: 1px solid @selection; + background-color: shade(@selection, 1.1); + color: @selection_foreground; + +} + +/* Insensitive Button */ +.tile:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +/* Backdrop Button */ +.tile:backdrop { + border: 1px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +/* Backdrop Button */ +.tile:backdrop:hover { + background-color: shade(@backdrop_background, 1.1); + color: @backdrop_text; +} + +/* Insensitive Button */ +.tile:insensitive:backdrop { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +/* Images */ +.tile GtkImage { + color: @text; +} + +.tile:active GtkImage, +.tile:focus GtkImage, +.tile:hover GtkImage { + color: @selection_foreground; +} + +.tile:backdrop GtkImage, +.tile:backdrop:hover GtkImage, +.tile:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.tile:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.tile:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.tile GtkLabel { + color: @text; +} + +.tile:active GtkLabel, +.tile:focus GtkLabel, +.tile:hover GtkLabel { + color: @selection_foreground; +} + +.tile:backdrop GtkLabel, +.tile:backdrop:hover GtkLabel, +.tile:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.tile:insensitive GtkLabel { + color: @insensitive_text; +} + +.tile:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/titlebar.css b/Paper/gtk-3.0/widgets/titlebar.css new file mode 100644 index 0000000..821bbdf --- /dev/null +++ b/Paper/gtk-3.0/widgets/titlebar.css @@ -0,0 +1,115 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************ + * Titlebar * + ************/ + +.titlebar { + padding:0; + border: none; + border-radius: 4px 4px 0 0; + background-color: @header; + color: @header_text; + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); +} + +.maximized .titlebar { + border-radius: 0px; + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); + box-shadow: none; +} + +.titlebar:backdrop { + background-image: none; + background-color: @backdrop_header; + color: @backdrop_header_text; +} + +.titlebar:insensitive { + color: @insensitive_header_text; +} + +.titlebar.default-decoration { + padding: 0; + background-color: @header; + background-image: none; + color: @header_text; +} + +.title, +.titlebar .title { + padding: 0; + padding-left: 13px; + padding-right: 13px; + color: @header_text; + font: Bold; +} + +.titlebar .button.linked .title, +.titlebar .button.flat .title { + padding: 0; +} + +/* Subtitle */ +.titlebar .subtitle { + padding: 0; + font: 9; +} + +.titlebar .subtitle, +.titlebar .subtitle GtkLabel, +.titlebar .subtitle GtkImage { + color: alpha(@header_text,0.8); +} + +.titlebar .subtitle:backdrop, +.titlebar .subtitle:backdrop GtkLabel, +.titlebar .subtitle:backdrop GtkImage { + color: alpha(@backdrop_header_text,0.8); +} + + +/* Separator */ +.titlebar .separator { + background: none; + color: @separator; +} + + +/************************* + * Header bar separator * + *************************/ + +.titlebar > GtkBox > .separator.vertical { + -GtkWidget-wide-separators: 1; + -GtkWidget-separator-width: 0; + background-color: @separator; + color: @separator; + border:none; +} + +/* Separator */ +.titlebar .separator, +.titlebar .button .separator, +.titlebar .button.separator { + background: inherit; + color: @separator; + border:none; +} + diff --git a/Paper/gtk-3.0/widgets/toolbars.css b/Paper/gtk-3.0/widgets/toolbars.css new file mode 100644 index 0000000..6f96229 --- /dev/null +++ b/Paper/gtk-3.0/widgets/toolbars.css @@ -0,0 +1,519 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color toolbar @header; +@define-color backdrop_toolbar @backdrop_header; +@define-color toolbar_text @header_text; +@define-color backdrop_toolbar_text alpha(@toolbar_text, 0.7); +@define-color insensitive_toolbar_text alpha(@toolbar_text, 0.5); + +/*********** + * Toolbar * + ***********/ + +/* Main Colors*/ +.toolbar { + padding: 0px; + color: @text; + background-color: @background; + box-shadow: none; +} + +.toolbar:insensitive { + color: @insensitive_text; + background-color: @insensitive_background; + box-shadow: none; +} + +.toolbar:backdrop { + color: @backdrop_text; + background-color: @backdrop_background; + box-shadow: none; + -gtk-image-effect: dim; +} + +/* Menubar */ +.toolbar .menubar { + padding: 0px; +} + +/* Buttons */ +.toolbar .button, +.toolbar .text-button, +.toolbar .image-button { + border: none; + background: none; + color: @text; + border-radius: 0px; + padding: 13px; +} + +.toolbar .button:active +.toolbar .text-button:active, +.toolbar .image-button:active { + border: none; + color: @text; + box-shadow: inset 0 -2px 0 0 @selection; + padding: 13px; + background-color: alpha(@base, 0.9); +} + +.toolbar .button.raised +.toolbar .text-button.raised, +.toolbar .image-button.raised { + border: none; + color: @text; + /*box-shadow: inset 0 -2px 0 0 @selection;*/ + padding: 13px; +} + +/* Hover */ +.toolbar .button:hover, +.toolbar .button:active:hover +.toolbar .text-button:hover, +.toolbar .text-button:active:hover, +.toolbar .image-button:hover, +.toolbar .image-button:active:hover, +.toolbar .button:focus, +.toolbar .button:active:focus +.toolbar .text-button:focus, +.toolbar .text-button:active:focus, +.toolbar .image-button:focus, +.toolbar .image-button:active:focus { + padding: 13px; + border: none; + background-color: alpha(@base, 0.5); + color: @text; + box-shadow: inset 0 -2px 0 0 @selection; +} + +/* Insensitive */ +.toolbar .button:insensitive, +.toolbar .text-button:insensitive, +.toolbar .image-button:insensitive { + background: none; + color: @insensitive_header_text; + -gtk-image-effect: dim; +} + + +/* Backdrop */ +.toolbar .button:backdrop, +.toolbar .button:active:backdrop +.toolbar .text-button:backdrop, +.toolbar .text-button:active:backdrop, +.toolbar .image-button:backdrop, +.toolbar .image-button:active:backdrop { + background: none; + color: @backdrop_text; + border: none; + padding: 13px; +} + +/* Insensitive:Backdrop; */ +.toolbar .button:insensitive:backdrop, +.toolbar .text-button:insensitive:backdrop, +.toolbar .image-button:insensitive:backdrop { + padding: 13px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/* Entries */ + +.toolbar .entry { + background-color: alpha(#000, 0.2); + color: @header_text; + border-radius: 2px; + padding: 6px 4px; + border: none; + box-shadow: none; +} + +.toolbar .entry.image { + color: @header_text; +} + +.toolbar .entry:active, +.toolbar .entry:focus { + background-color: @base; + color: @text; + box-shadow: none; + border: none; +} + +.toolbar .entry:active.image, +.toolbar .entry:focus.image { + padding-right: 6px; + color: @text; +} + +.toolbar .entry:backdrop { + box-shadow: none; + color: alpha(@header_text, 0.5); + border: none; +} + +.toolbar .entry.image { + color: alpha(@header_text, 0.5); +} + + +.toolbar .entry:active:backdrop, +.toolbar .entry:focus:backdrop { + background-color: alpha(@base, 0.5); + color: @text; + box-shadow: none; + border: none; +} + + +/* Images */ +.toolbar GtkImage, +.toolbar .button GtkImage { + color: @text; +} + +.toolbar .button:active GtkImage, +.toolbar .button:focus GtkImage, +.toolbar .button:hover GtkImage { + color: @text; +} + +.toolbar .button:backdrop GtkImage, +.toolbar .button:backdrop:hover GtkImage, +.toolbar .button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.toolbar .button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.toolbar .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.toolbar GtkLabel, +.toolbar .button GtkLabel { + color: @text; +} + +.toolbar .button:active GtkLabel, +.toolbar .button:focus GtkLabel, +.toolbar .button:hover GtkLabel { + color: @text; +} + +.toolbar .button:backdrop GtkLabel, +.toolbar .button:backdrop:hover GtkLabel, +.toolbar .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.toolbar .button:insensitive GtkLabel { + color: @insensitive_text; +} + +.toolbar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + +/******************* + * Primary Toolbar * + *******************/ + +/* Main Colors*/ +.primary-toolbar.toolbar { + padding-top: 0px; + padding-bottom: 0px; + padding-left: 4px; + padding-right: 4px; + color: @toolbar_text; + background-color: @toolbar; + box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.2); + border: none; +} + +.primary-toolbar.toolbar:insensitive { + color: @insensitive_toolbar_text; + background-color: @insensitive_toolbar; + box-shadow: none; +} + +.primary-toolbar.toolbar:backdrop { + color: @backdrop_toolbar_text; + background-color: @backdrop_toolbar; + box-shadow: none; + -gtk-image-effect: dim; +} + +/* Menubar */ +.primary-toolbar.toolbar .menubar { +} + +/* Buttons */ +.primary-toolbar.toolbar .button, +.primary-toolbar.toolbar .text-button, +.primary-toolbar.toolbar .image-button { + border: none; + background: none; + color: @toolbar_text; + border-radius: 0px; + padding: 13px; +} + +.primary-toolbar .button.image-button:checked { + background-color: alpha(#fff, 0.1); +} + +.primary-toolbar.toolbar .button:active, +.primary-toolbar.toolbar GtkToggleButton:active, +.primary-toolbar.toolbar .text-button:active, +.primary-toolbar.toolbar .image-button:active { + border: none; + color: @toolbar_text; + box-shadow: inset 0 -2px 0 0 @toolbar_text; + padding: 13px; +} + +.primary-toolbar.toolbar .button.raised +.primary-toolbar.toolbar .text-button.raised, +.primary-toolbar.toolbar .image-button.raised { + border: none; + color: @toolbar_text; + /*background-color: alpha(@base, 0.2);*/ + /*box-shadow: inset 0 -2px 0 0 @toolbar_text;*/ + padding: 13px; +} + +/* Hover */ +.primary-toolbar.toolbar .button:hover, +.primary-toolbar.toolbar .button:active:hover +.primary-toolbar.toolbar .text-button:hover, +.primary-toolbar.toolbar .text-button:active:hover, +.primary-toolbar.toolbar .image-button:hover, +.primary-toolbar.toolbar .image-button:active:hover, +.primary-toolbar.toolbar .button:focus, +.primary-toolbar.toolbar .button:active:focus +.primary-toolbar.toolbar .text-button:focus, +.primary-toolbar.toolbar .text-button:active:focus, +.primary-toolbar.toolbar .image-button:focus, +.primary-toolbar.toolbar .image-button:active:focus { + padding: 13px; + border: none; + background-color: alpha(#000, 0.1); + color: @toolbar_text; + /*box-shadow: inset 0 -2px 0 0 @toolbar_text;*/ + box-shadow: none; +} + +/* Insensitive */ +.primary-toolbar.toolbar .button:insensitive, +.primary-toolbar.toolbar .text-button:insensitive, +.primary-toolbar.toolbar .image-button:insensitive { + background: none; + color: @insensitive_header_toolbar_text; + -gtk-image-effect: dim; +} + + +/* Backdrop */ +.primary-toolbar.toolbar .button:backdrop, +.primary-toolbar.toolbar .button:active:backdrop +.primary-toolbar.toolbar .text-button:backdrop, +.primary-toolbar.toolbar .text-button:active:backdrop, +.primary-toolbar.toolbar .image-button:backdrop, +.primary-toolbar.toolbar .image-button:active:backdrop { + background: none; + color: @backdrop_toolbar_text; + border: none; + padding: 13px; +} + +/* Insensitive:Backdrop; */ +.primary-toolbar.toolbar .button:insensitive:backdrop, +.primary-toolbar.toolbar .text-button:insensitive:backdrop, +.primary-toolbar.toolbar .image-button:insensitive:backdrop { + padding: 13px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +.primary-toolbar.toolbar .separator { + color: @separator; +} + + + +/* Entries */ + +.primary-toolbar .entry { + background-color: alpha(#000, 0.2); + color: @header_text; + border-radius: 2px; + padding: 6px 4px; + border: none; + box-shadow: none; +} + +.primary-toolbar .entry.image { + color: @header_text; +} + +.primary-toolbar .entry:active, +.primary-toolbar .entry:focus { + background-color: @base; + color: @text; + box-shadow: none; + border: none; +} + +.primary-toolbar .entry:active.image, +.primary-toolbar .entry:focus.image { + padding-right: 6px; + color: @text; +} + +.primary-toolbar .entry:backdrop { + box-shadow: none; + color: alpha(@header_text, 0.5); + border: none; +} + +.primary-toolbar .entry.image { + color: alpha(@header_text, 0.5); +} + + +.primary-toolbar .entry:active:backdrop, +.primary-toolbar .entry:focus:backdrop { + background-color: alpha(@base, 0.5); + color: @text; + box-shadow: none; + border: none; +} + +/* Images */ +.primary-toolbar.toolbar GtkImage, +.primary-toolbar.toolbar .button GtkImage { + color: @toolbar_text; +} + +.primary-toolbar.toolbar .button:active GtkImage, +.primary-toolbar.toolbar .button:focus GtkImage, +.primary-toolbar.toolbar .button:hover GtkImage { + color: @toolbar_text; +} + +.primary-toolbar.toolbar .button:backdrop GtkImage, +.primary-toolbar.toolbar .button:backdrop:hover GtkImage, +.primary-toolbar.toolbar .button:active:backdrop GtkImage { + color: @backdrop_toolbar_text; + -gtk-image-effect: dim; +} + +.primary-toolbar.toolbar .button:insensitive GtkImage { + color: @insensitive_toolbar_text; + -gtk-image-effect: dim; +} + +.primary-toolbar.toolbar .button:backdrop:insensitive GtkImage, +.primary-toolbar.toolbar .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.primary-toolbar.toolbar GtkLabel, +.primary-toolbar.toolbar .button GtkLabel { + color: @toolbar_text; +} + +.primary-toolbar.toolbar .button:active GtkLabel, +.primary-toolbar.toolbar .button:focus GtkLabel, +.primary-toolbar.toolbar .button:hover GtkLabel { + color: @toolbar_text; +} + +.primary-toolbar.toolbar .button:backdrop GtkLabel, +.primary-toolbar.toolbar .button:backdrop:hover GtkLabel, +.primary-toolbar.toolbar .button:active:backdrop GtkLabel { + color: @backdrop_toolbar_text; +} + +.primary-toolbar.toolbar .button:insensitive GtkLabel { + color: @insensitive_toolbar_text; +} + +.primary-toolbar.toolbar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + +/********************* +* Secondary Toolbars * +*********************/ + +.secondary-toolbar.toolbar { + padding: 2px; + background-color: @background; + box-shadow: none; +} + +.secondary-toolbar.toolbar:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.secondary-toolbar.toolbar .linked-button, +.secondary-toolbar.toolbar .button { + padding: 2px; +} + +/******************** + * Menubar Toolbars * + ********************/ +.toolbar.menubar { + -GtkToolbar-button-relief: normal; +} + + +/****************** +* Bottom Toolbars * +******************/ + +.bottom-toolbar.toolbar { + padding: 0px; + border: solid @border; + background-image: linear-gradient(to bottom, + shade(@gradient_a, 0.96), + shade(@gradient_b, 0.96) + ); +} + +.bottom-toolbar.toolbar .button { + padding: 2px 3px 2px 3px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/tooltips.css b/Paper/gtk-3.0/widgets/tooltips.css new file mode 100644 index 0000000..9e0124f --- /dev/null +++ b/Paper/gtk-3.0/widgets/tooltips.css @@ -0,0 +1,41 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************ + * Tooltips * + ************/ + +.tooltip, +.overlay-bar { + padding: 4px 8px; + border: none; + border-radius: 2px; + background-color: @base; + color: @text; + box-shadow: 0 1px 2px 0 alpha(#000, 0.3); +} + +.tooltip * { + background: none; + background-color: @base; +} + +.tooltip GtkLabel, +.overlay-bar GtkLabel { + color: @text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/views.css b/Paper/gtk-3.0/widgets/views.css new file mode 100644 index 0000000..b2570aa --- /dev/null +++ b/Paper/gtk-3.0/widgets/views.css @@ -0,0 +1,328 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/********* + * Frame * + *********/ + +.frame { + background: none; + border: 1px solid @border; + color: @foreground; +} + +.frame:backdrop { + border-color: @backdrop_border; + background: none; + color: @backdrop_text; +} + +.frame:insensitive { + border-color: @insensitive_border; + background: none; + color: @insensitive_text; +} + +.flat { + border:none; +} + + +/******** + * Misc * + ********/ + +GtkAlignment, +GtkEventBox { + background-color: @background; + color: @text; +} + +GtkAlignment:backdrop, +GtkEventBox:backdrop { + background-color: @backdrop_background; + color: @backdrop_text; +} + +/******** + * View * + ********/ + +.view { + background-color: @base; + color: @foreground; +} + +.view:insensitive, +.view:insensitive:insensitive { + background-color: @insensitive_background; + border-color: @insensitive_border; + color: @insensitive_text; +} + +.view:backdrop, +.view:backdrop:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; + color: @backdrop_text; +} + +.view:selected, +.view:selected:focus { + background-color: @selection; + border-color: shade(@selection, 0.8); + color: @selection_foreground; +} + +.view:selected:backdrop, +.view:selected:backdrop:focus { + background-color: @backdrop_selection; + border-color: @backdrop_selection; + color: @backdrop_selection_foreground; +} + +.view.separator { + color: @border; +} + +/* Selected */ +.view.rubberband, +.rubberband { + border: 1px solid shade(@selection, 0.9); + border-radius: 4px; + background-color: alpha(@selection, 0.3); +} + + +/************ + * Treeview * + ************/ + +GtkTreeView.view.separator, +GtkTreeView.separator, +.separator, +.separator:hover { + color: @border; + background-color: @border; +} + +GtkTreeView { + -GtkTreeView-vertical-separator: 5px; + -GtkTreeView-horizontal-separator: 6px; + -GtkTreeView-expander-size: 8px; + -GtkTreeView-grid-line-pattern: "\000\000"; + border: 1px solid @border; +} + +GtkTreeView row:nth-child(even) { + background-color: @base; + color: @foreground; +} + +GtkTreeView row:nth-child(odd) { + background-color: shade(@base,0.96); + color: @foreground; +} + +GtkTreeView .entry { + border-radius: 0; +} + +GtkTreeView.dnd { + border: 1px solid @selected_border; + border-radius: 0; +} + +GtkTreeView .entry { + border-radius: 4px; + background-color: @base; + background-image: none; +} + +/************ + * TextView * + ************/ + +GtkTextView { + background-color: @base; + color: @foreground; +} + +GtkTextView:backdrop { + background-color: @backdrop_base; + color: @backdrop_text; +} + +GtkTextView:insensitive { + background-color: @insensitive_base; + color: @insensitive_text; +} + +/************ + * Iconview * + ************/ + +GtkIconView.view { + background-color: @base; + border: solid @selection; + color: @foreground; +} + +GtkIconView.view.cell:hover { + border: 1px solid @selection; + border-radius: 6px; + background-color: alpha(@selection,0.4); + color: @selection; +} + +GtkIconView.view.cell:selected, +GtkIconView.view.cell:selected:focus { + border: 1px solid shade(@selection, 0.8); + border-radius: 6px; + background-color: @selection; + color: @selection_foreground; +} + +GtkIconView.content-view.check { + background: none; +} + +GtkIconView.content-view.check:active { + background: none; +} + +GtkIconView.content-view.check:prelight, +GtkIconView.content-view.check:insensitive, +GtkIconView.content-view.check:selected { + background: none; +} + + +/**************** + * Content View * + ****************/ +.content-view.view { + background-color: @base; + color: @foreground; +} + +.content-view.view:hover { + background-color: alpha(@selection, 0.6); +} + +.content-view.view:selected, +.content-view.view:active { + background-color: @selection; + background-image: none; +} + +.content-view.view:insensitive { + background-color: @insensitive_background; +} + +.content-view.view:backdrop { + background-color: @background_backdrop; + background-image: none; +} + +.content-view.view:selected:backdrop { + background-color: @backdrop_selected_background; + background-image: none; +} + +.content-view.cell { + background: none; + background-image: none; +} + +.content-view.view.check, +.content-view.view.check:active { + background: none; +} + +.content-view column-header .button { + border-width: 0 0 1px 1px; + + background-image: none; + background-color:@base; + + border-color: @border; +} + +.content-view .title, +.content-view .option-title { + color: @foreground; + text-shadow: 0 1px alpha(#fff, 0.3); +} + +.content-view .subtitle, +.content-view .option-description { + color: alpha(@foreground, 0.7); + text-shadow: 0 1px alpha(#fff, 0.4); +} + +/* Drawing area */ +GtkDrawingArea { + background-color: @base; + color: @foreground; +} + +GtkDrawingArea:backdrop { + background-color: @backdrop_base; + color: @backdrop_text; +} + +GtkDrawingArea:insensitive { + background-color: @insensitive_background; +} + +/*********** + * gtkhtml * + ***********/ +GtkHTML { + background-color: @base; + color: @foreground; +} + +GtkHTML:active:backdrop, +GtkHTML:backdrop { + background-color: @backdrop_base; + color: @backdrop_text; +} + +/* needed for webkit/GtkStyle/Evolution compatibility */ +GtkHTML:active, +GtkHTML:active:backdrop, +.entry:active, +.entry:active:backdrop { + color: @backdrop_text; + background-color: @backdrop_background; +} + +.cursor-handle.top, +.cursor-handle.bottom { + background: none; + box-shadow: none; + border-style: none; + border-image: none; + border-radius: 0px; + border-width: 0px; + + /* background-image in assets */ +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/windows.css b/Paper/gtk-3.0/widgets/windows.css new file mode 100644 index 0000000..b1b5e46 --- /dev/null +++ b/Paper/gtk-3.0/widgets/windows.css @@ -0,0 +1,70 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********** + * Window * + **********/ + +@define-color window_shadow alpha(#000, 0.4); +@define-color backdrop_window_shadow alpha(#000, 0.2); + +.window-frame { + border:none; + border-radius: 4px; + box-shadow: 0 2px 5px 1px @window_shadow; + margin: 10px; /* this is used for the resize cursor area */ +} + +.window-frame:backdrop { + border-radius: 4px; + box-shadow: 0 2px 3px 0 @backdrop_window_shadow; +} + +.window-frame.menu.csd, +.window-frame.popup.csd { + border-radius: 4px; + box-shadow: 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); + margin: 0; +} + +.menu .window-frame.menu.csd, +.menu .window-frame.popup.csd { + box-shadow: 0 10px 20px alpha (#000, 0.19), + 0 6px 6px alpha (#000, 0.23); +} + +.window-frame.tooltip.csd { + border-radius: 4px; + box-shadow: none; + margin: 0; +} + +.window-frame:backdrop { + box-shadow: 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); +} + +GtkDialog.window-frame, +GtkDialog.window-frame:backdrop, +.window-frame.dialog, +.window-frame.dialog:backdrop { + border-radius: 4px; + box-shadow: 0 10px 20px alpha (#000, 0.19), + 0 6px 6px alpha (#000, 0.23); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/_apps.scss b/Paper/gtk-3.18/_apps.scss similarity index 100% rename from Paper/gtk-3.0/_apps.scss rename to Paper/gtk-3.18/_apps.scss diff --git a/Paper/gtk-3.0/_colors-public.scss b/Paper/gtk-3.18/_colors-public.scss similarity index 100% rename from Paper/gtk-3.0/_colors-public.scss rename to Paper/gtk-3.18/_colors-public.scss diff --git a/Paper/gtk-3.18/_colors.scss b/Paper/gtk-3.18/_colors.scss new file mode 100644 index 0000000..60006f9 --- /dev/null +++ b/Paper/gtk-3.18/_colors.scss @@ -0,0 +1,95 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +// Main definitions +$base_color: if($variant == 'light', #ffffff, #636E73); +$bg_color: if($variant == 'light', #f7f7f7, #4F585C); +$fg_color: if($variant == 'light', #666666, #A1A8AB); +$text_color: if($variant == 'light', $fg_color, $fg_color); +$headerbar_bg_color: if($variant == 'light', #636E73, #3B4245); +$headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2)); + +// Primary colors +$red: #f34235; +$orange: #fe9700; +$yellow: #feea3a; +$green: #1ea362; +$blue: #2095f2; +$purple: #9b26af; + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #347D9F, mix(#347D9F, $bg_color, 50%)); +$selected_borders_color: darken($selected_bg_color, 10%); +$borders_color: if($variant == 'light', darken($bg_color,15%), darken($bg_color,10%)); +$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9)); +$link_color: blue; +$link_visited_color:transparentize($link_color,0.5); +$top_highlight: $borders_edge; +$bottom_highlight: if($variant == 'light', transparentize(white, 0.7), transparentize(white, 0.9)); +$dark_fill: mix($borders_color, $bg_color, 35%); +$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); +$popover_bg_color: $bg_color; +$popover_hover_color: lighten($bg_color, 5%); + +$selection_mode_headerbar_bg_color: #347D9F; + +$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); +$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); +$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); + +$success_color: if($variant == 'light', $green, darken($green,10%)); +$destructive_color: if($variant == 'light', $red, darken($red,10%)); +$suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%)); + +$osd_fg_color: #A1A8AB; +$osd_text_color: white; +$osd_bg_color: transparentize(#202526, 0.2); +$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: transparentize(black, 0.3); + +$sidebar_bg_color: mix($bg_color, $base_color, 50%); +$base_hover_color: transparentize($fg_color, 0.95); + +$tooltip_borders_color: transparentize(white, 0.9); +$shadow_color: transparentize(black, 0.9); + +$drop_target_color: #4e9a06; + +// Infobar colors +$warning_color: $yellow; +$error_color: $red; +$info_color: $blue; +$question_color: $green; + +// Panel colors +$panel_bg_color: darken($headerbar_bg_color, 10%); +$backdrop_panel_color: darken($panel_bg_color,10%); +$panel_fg_color: $headerbar_fg_color; +$backdrop_panel_fg_color: darken($panel_fg_color,10%); + +// Insensitive state colors +$insensitive_fg_color: mix($fg_color, $bg_color, 50%); +$insensitive_bg_color: mix($bg_color, $base_color, 60%); +$insensitive_base_color: darken($base_color, 5%); +$insensitive_borders_color: $borders_color; + +// Backdrop state colors +$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +$backdrop_bg_color: $bg_color; +$backdrop_headerbar_bg_color: darken($headerbar_bg_color, 5%); +$backdrop_headerbar_fg_color: transparentize($headerbar_fg_color, 0.5); +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_bg_color: if($variant == 'light', lighten($selected_bg_color, 5%), lighten($selected_bg_color, 5%)); +$backdrop_selected_fg_color: if($variant == 'light', transparentize($selected_fg_color, 0.5), transparentize($selected_fg_color, 0.5)); +$backdrop_borders_color: mix($borders_color, $bg_color, 90%); +$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%)); diff --git a/Paper/gtk-3.18/_common.scss b/Paper/gtk-3.18/_common.scss new file mode 100644 index 0000000..a1069b7 --- /dev/null +++ b/Paper/gtk-3.18/_common.scss @@ -0,0 +1,50 @@ +/********** + * Common * + **********/ + +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); +$backdrop_transition: 200ms ease-out; +$button_transition: all 200ms $ease-out-quad; + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + + -GtkPaned-handle-size: 1; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + // outline-color: transparentize($fg_color, 0.7); + // outline-style: dashed; + // outline-offset: -3px; + // outline-width: 1px; + // outline-radius: 2px; + +} \ No newline at end of file diff --git a/Paper/gtk-3.18/_drawing.scss b/Paper/gtk-3.18/_drawing.scss new file mode 100644 index 0000000..6b7073b --- /dev/null +++ b/Paper/gtk-3.18/_drawing.scss @@ -0,0 +1,597 @@ +// Drawing mixins + +// generic drawing of more complex things + +@function _widget_edge($c:$borders_edge) { +// outer highlight "used" on most widgets + @if $c == none { @return none; } + @else { @return 0 1px $c; } +} + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// entries + +@function entry_focus_border($fc:$selected_bg_color) { + @if $variant == 'light' { @return $fc; } + @else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); } +} + +@function entry_focus_shadow($fc:$selected_bg_color) { + @return inset 0 1px 2px 0 transparentize(black, 0.95), inset 0 1px 1px 0 transparentize(black, 0.9); +} + +@function entry_gradient($c) { + @if $variant=='light' { @return linear-gradient(to bottom, mix($borders_color, $c, 45%), + mix($borders_color, $c, 3%) 2px, + $c 90%); } + @else { @return linear-gradient(to bottom, mix($borders_color, $c, 95%), + mix($borders_color, $c, 40%) 3px, + $c 90%); } +} + +@mixin entry($t, $fc:$selected_bg_color, $edge: none) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + + $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); + $_entry_edge: if($edge == none, none, _widget_edge($edge)); + + @if $t==normal { + color: $text_color; + border-color: $borders_color; + background-color:$base_color; + @include _shadows(entry_focus_shadow(transparentize($fc, 1)), $_entry_edge); + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + @if $t==focus { + @include _shadows(entry_focus_shadow($fc), $_entry_edge); + border-color: entry_focus_border($fc); + } + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: $borders_color; + background-image: linear-gradient(to bottom, $insensitive_bg_color); + box-shadow: $_entry_edge; + } + @if $t==backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + background-image: linear-gradient(to bottom, $backdrop_base_color); + box-shadow: $_blank_edge; + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + border-color: $backdrop_borders_color; + background-image: linear-gradient(to bottom, $insensitive_bg_color); + box-shadow: $_blank_edge; + } + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-clip: padding-box; + box-shadow: entry_focus_shadow($fc); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + } +} + +// +// Buttons +// + +@function _border_color ($c) { @return darken($c, 25%); } // colored buttons want + // the border form the + // base color + +@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { +// +// calculate the color of text shadows +// +// $tc is the text color +// $bg is the background color +// + $_lbg: lightness($bg)/100%; + @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); } + @else { @return transparentize(black, $_lbg*0.8); } +} + +@function _button_hilight_color($c) { +// +// calculate the right top hilight color for buttons +// +// $c: base color; +// + @if lightness($c)>95% { @return white; } + @else if lightness($c)>90% { @return transparentize(white, 0.2); } + @else if lightness($c)>80% { @return transparentize(white, 0.4); } + @else if lightness($c)>50% { @return transparentize(white, 0.6); } + @else if lightness($c)>40% { @return transparentize(white, 0.8); } + @else { @return transparentize(white, 0.95); } +} + +@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { +// +// helper function for the text emboss effect +// +// $tc is the optional text color, not the shadow color +// +// TODO: this functions needs a way to deal with special cases +// + + $_shadow: _text_shadow_color($tc, $bg); + + @if lightness($tc)<50% { + text-shadow: 0 1px $_shadow; + icon-shadow: 0 1px $_shadow; + } + @else { + text-shadow: 0 1px $_shadow; + icon-shadow: 0 -1px $_shadow; + } +} + +@mixin button($t, $c:$bg_color, $tc:$fg_color, $edge: none) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + $_hilight_color: _button_hilight_color($c); + $_button_edge: if($edge == none, none, _widget_edge($edge)); + $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); + + // Normal Button + @if $t==normal { + + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c!=$bg_color, _border_color($c), $borders_color); + background-image: linear-gradient(to bottom, $c, darken($c, 5%)); + @include _button_text_shadow($tc, $c); + @include _shadows(inset 0 1px $_hilight_color, $_button_edge); + + @if $variant == 'light' { + box-shadow:0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:0 1px 0 0 transparentize(white, 0.95); + } + + } + + // Hover Button + + @else if $t==hover { + + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c!=$bg_color, _border_color($c), $borders_color); + @if $variant == 'light' { + background-image: linear-gradient(to bottom, lighten($c, 6%), $c 60%, darken($c, 4%)); + @include _button_text_shadow($tc,lighten($c, 6%)); + @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge); + } + @else { + background-image: linear-gradient(to bottom, lighten($c, 1%), darken($c, 2%) 60%, darken($c, 4%)); + @include _button_text_shadow($tc,lighten($c, 6%)); + @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge); + } + } + + // Pressed button + @else if $t==active { + + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c!=$bg_color, _border_color($c), $borders_color); + background-image: linear-gradient(to bottom, darken($c, 7%), darken($c, 2%)); + @include _button_text_shadow($tc, darken($c,10%)); + @include _shadows(inset 0 2px 1px -2px transparentize(black,0.4), + $_button_edge); + + @if $variant == 'light' { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.95); + } + } + + // Insensitive Button + @else if $t==insensitive { + + $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); + + GtkLabel, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); } + label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); } + + border-color: if($c!=$bg_color, _border_color($c), $insensitive_borders_color); + background-image: none; + background-color: $_bg; + text-shadow: none; + box-shadow: none; + icon-shadow: none; + } + + // Insensitive Pushed Button + @else if $t==insensitive-active { + $_bg: if($c!=$bg_color, darken(mix($c,$base_color, 85%), 5%), + $insensitive_bg_color); + $_bc: if($c!=$bg_color, _border_color($c), $insensitive_borders_color); + + GtkLabel, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); } + label, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); } + + border-color: $_bc; + background-image: none; + background-color: $_bg; + text-shadow: none; + + @if $variant == 'light' { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.95); + } + } + + // Backdrop Button + @else if $t==backdrop { + + $_bg: if($c!=$bg_color,$c,$backdrop_bg_color); + $_bc: if($variant=='light',$c,_border_color($c)); + + GtkLabel, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); } + label, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); } + + border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); + background-image: linear-gradient(to bottom, $_bg); + text-shadow: none; + icon-shadow: none; + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + // Backdrop Pressed Button + @else if $t==backdrop-active { + + $_bg: if($c!=$bg_color, darken($c, 10%), $backdrop_dark_fill); + $_bc: if($variant=='light',$_bg,_border_color($c)); + + GtkLabel, & { color: if($tc!=$fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); } + label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); } + + border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); + background-image: none; + + @if $variant == 'light' { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.95); + } + } + + // Insensitive Backdrop Button + @else if $t==backdrop-insensitive { + + $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); + $_bc: if($variant=='light', $_bg,_border_color($c)); + + GtkLabel, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } + label, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } + + border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); + background-image: none; + background-color: $_bg; + text-shadow: none; + icon-shadow: none; + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + // Insensitive Backdrop Pushed Button + @else if $t==backdrop-insensitive-active { + + $_bg: if($c!=$bg_color, darken(mix($c, $base_color, 85%), 5%), + darken($insensitive_bg_color, 5%)); + $_bc: if($variant=='light', $_bg,_border_color($c)); + + label { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } + + border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); + background-image: none; + background-color: $_bg; + + @if $variant == 'light' { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.95); + } + } + + // OSD Button + @else if $t==osd { + $_bg: if($c!=$bg_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + + // Hover OSD Button + @else if $t==osd-hover { + $_bg: if($c!=$bg_color, transparentize($c, 0.3), + lighten($osd_bg_color, 12%)); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + + // ACtive OSD Button + @else if $t==osd-active { + $_bg: if($c!=$bg_color, $c, $osd_borders_color); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: transparentize($osd_fg_color, 0.7); + } + + // Insensitive OSD Button + @else if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + } + + // Backdrop OSD Button + @else if $t==osd-backdrop { + + $_bg: if($c!=$bg_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + } + + + // Reset + @else if $t==undecorated { + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + + text-shadow: none; + icon-shadow: none; + } +} + +@mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:true) { + color: mix($tc, $bg_color, 80%); + @if $flat { background-image: linear-gradient(to bottom, $c); } + @else { + background-image: linear-gradient(to bottom, + mix(black,$c,15%) 5%, + mix(black,$c,10%) 20%, + mix(black,$c,10%) 90%, + $c); + } + + border-color: if($c!=$bg_color, _border_color($c), $border_color); + + @if not($noedge) { + @if lightness($c) > 60% { + box-shadow: inset 0 -1px $borders_edge, + 0 1px $borders_edge; + } + @else { + box-shadow: inset 0 -1px transparentize($borders_edge, 0.5), + 0 1px transparentize($borders_edge, 0.5); + } + } + @else { box-shadow: none; } +} + +@mixin overshoot($p, $t:normal, $c:$fg_color) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: $fg_color; + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +@mixin undershoot($p) { +// +// undershoot +// +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: transparentize(black, 0.8); + $_undershoot_color_light: transparentize(white, 0.8); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + border: none; + box-shadow: none; +} diff --git a/Paper/gtk-3.18/_widgets.scss b/Paper/gtk-3.18/_widgets.scss new file mode 100644 index 0000000..877b4b4 --- /dev/null +++ b/Paper/gtk-3.18/_widgets.scss @@ -0,0 +1,40 @@ +/*********** + * Widgets * + ***********/ + +@import 'widgets/action-bars'; +@import 'widgets/app-notifications'; +@import 'widgets/base-states'; +@import 'widgets/buttons'; +@import 'widgets/calendar'; +@import 'widgets/checks-radios'; +@import 'widgets/color-chooser'; +@import 'widgets/comboboxes'; +@import 'widgets/dialogs'; +@import 'widgets/entries'; +@import 'widgets/expanders'; +@import 'widgets/floating-bar'; +@import 'widgets/frames'; +@import 'widgets/granite'; +@import 'widgets/header-bars'; +@import 'widgets/infobars'; +@import 'widgets/level-bars'; +@import 'widgets/links'; +@import 'widgets/lists'; +@import 'widgets/menus'; +@import 'widgets/misc'; +@import 'widgets/notebooks'; +@import 'widgets/paned'; +@import 'widgets/pathbars'; +@import 'widgets/popovers'; +@import 'widgets/progress-bars'; +@import 'widgets/scales'; +@import 'widgets/scrollbars'; +@import 'widgets/sidebar'; +@import 'widgets/spinbuttons'; +@import 'widgets/spinner'; +@import 'widgets/switches'; +@import 'widgets/toolbars'; +@import 'widgets/tooltips'; +@import 'widgets/treeviews'; +@import 'widgets/windows'; \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/_archive-manager.scss b/Paper/gtk-3.18/apps/_archive-manager.scss similarity index 100% rename from Paper/gtk-3.0/apps/_archive-manager.scss rename to Paper/gtk-3.18/apps/_archive-manager.scss diff --git a/Paper/gtk-3.0/apps/_birdie.scss b/Paper/gtk-3.18/apps/_birdie.scss similarity index 100% rename from Paper/gtk-3.0/apps/_birdie.scss rename to Paper/gtk-3.18/apps/_birdie.scss diff --git a/Paper/gtk-3.0/apps/_budgie.scss b/Paper/gtk-3.18/apps/_budgie.scss similarity index 100% rename from Paper/gtk-3.0/apps/_budgie.scss rename to Paper/gtk-3.18/apps/_budgie.scss diff --git a/Paper/gtk-3.0/apps/_geary.scss b/Paper/gtk-3.18/apps/_geary.scss similarity index 100% rename from Paper/gtk-3.0/apps/_geary.scss rename to Paper/gtk-3.18/apps/_geary.scss diff --git a/Paper/gtk-3.0/apps/_gnome.scss b/Paper/gtk-3.18/apps/_gnome.scss similarity index 98% rename from Paper/gtk-3.0/apps/_gnome.scss rename to Paper/gtk-3.18/apps/_gnome.scss index 80c029b..8511c2a 100644 --- a/Paper/gtk-3.0/apps/_gnome.scss +++ b/Paper/gtk-3.18/apps/_gnome.scss @@ -99,24 +99,24 @@ NautilusCanvasView { .unknown { background-color: #888a85; - border-color: shade(#888a85, 0.8); + border-color: darken(#888a85, 20%); } .used { background-color: #9FB0B9; - border-color: shade(#9FB0B9, 0.8); + border-color: darken(#9FB0B9, 20%); } .free { background-color: #D8D8D8; - border-color: shade(#D8D8D8, 0.8); + border-color: darken(#D8D8D8, 20%); } } .nautilus-desktop { - color: $fg_color; + color: $fg_color; .nautilus-canvas-item { border-radius: 5px; diff --git a/Paper/gtk-3.18/apps/_lightdm.scss b/Paper/gtk-3.18/apps/_lightdm.scss new file mode 100644 index 0000000..d09e7a9 --- /dev/null +++ b/Paper/gtk-3.18/apps/_lightdm.scss @@ -0,0 +1,115 @@ +/*********** + * LightDm * + ***********/ + +// the panel widget at the top +#panel_window { + background-color: $panel_bg_color; + color: $panel_fg_color; + font: bold; + box-shadow: inset 0 -1px darken($panel_bg_color, 7%); + + // the menubars/menus of the panel, i.e. indicators + .menubar, + .menubar > .menuitem + menubar, + menubar > menuitem { + background-color: transparent; + color: $panel_fg_color; + font: bold; + } + + .menubar .menuitem:insensitive, + menubar menuitem:insensitive { + color: transparentize($panel_fg_color, 0.5); + + GtkLabel { color: inherit; } + label { color: inherit; } + } + .menubar .menu > .menuitem, + menubar menu > menuitem { font: normal; } +} + +// the login window +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +// the top half of the login-window, in GtkDialog terms, the content +#content_frame { + padding-bottom: 14px; + background-color: $bg_color; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid transparentize(black, 0.9); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:insensitive { @include button(insensitive); } +} + +// the lower half of the login-window, in GtkDialog terms the buttonbox or action area +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: if($variant=='light', $osd_bg_color, $headerbar_bg_color); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid transparentize(black, 0.9); + border-width: 0 1px 1px 1px; +} + +#buttonbox_frame button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font: 13px; + + .menu, + menu { font: normal; } +} + +// the user's avatar box +#user_image { + padding: 3px; + border-radius: 2px; +} + +// the shutdown button +#shutdown_button.button { + @include button(suggested_destructive, $destructive_color); + + &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } +} + +// the restart button +#restart_button.button { + @include button(suggested_destructive, $suggested_color); + + &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } +} + +// the warning, in case a wrong password is entered or something else goes wrong according to PAM +#greeter_infobar { + border-bottom-width: 0; + font: bold; +} diff --git a/Paper/gtk-3.0/apps/_midori.scss b/Paper/gtk-3.18/apps/_midori.scss similarity index 100% rename from Paper/gtk-3.0/apps/_midori.scss rename to Paper/gtk-3.18/apps/_midori.scss diff --git a/Paper/gtk-3.0/apps/_pantheon.scss b/Paper/gtk-3.18/apps/_pantheon.scss similarity index 100% rename from Paper/gtk-3.0/apps/_pantheon.scss rename to Paper/gtk-3.18/apps/_pantheon.scss diff --git a/Paper/gtk-3.0/apps/_unity.scss b/Paper/gtk-3.18/apps/_unity.scss similarity index 94% rename from Paper/gtk-3.0/apps/_unity.scss rename to Paper/gtk-3.18/apps/_unity.scss index 124a314..a9331c6 100644 --- a/Paper/gtk-3.0/apps/_unity.scss +++ b/Paper/gtk-3.18/apps/_unity.scss @@ -73,10 +73,6 @@ UnityDecoration.right { $unity_color, darken($unity_color, 0.6) ); - background-image: -gtk-gradient (linear, left top, left bottom, - color-stop (0, $unity_color), - color-stop (0.5, $unity_color), - color-stop (1, darken($unity_color, 0.6))); } UnityDecoration.bottom { diff --git a/Paper/gtk-3.0/apps/_vocal.scss b/Paper/gtk-3.18/apps/_vocal.scss similarity index 100% rename from Paper/gtk-3.0/apps/_vocal.scss rename to Paper/gtk-3.18/apps/_vocal.scss diff --git a/Paper/gtk-3.18/gtk-dark.css b/Paper/gtk-3.18/gtk-dark.css new file mode 100644 index 0000000..b6e7971 --- /dev/null +++ b/Paper/gtk-3.18/gtk-dark.css @@ -0,0 +1,6052 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #A1A8AB; +/* text color for entries, views and content in general */ +@define-color theme_text_color #A1A8AB; +/* widget base background color */ +@define-color theme_bg_color #4F585C; +/* text widgets and the like base background color */ +@define-color theme_base_color #636E73; +/* base background color of selections */ +@define-color theme_selected_bg_color #426b7e; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #576165; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #788084; +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #636E73; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #788084; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #A1A8AB; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #4F585C; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #657176; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #426b7e; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* widgets main borders color */ +@define-color borders #373e41; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #394144; +/* these are pretty self explicative */ +@define-color warning_color #feea3a; +@define-color error_color #f34235; +@define-color success_color #167848; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#A1A8AB, 1.8); +@define-color wm_unfocused_title #788084; +@define-color wm_highlight transparent; +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#4F585C, 1.2); +@define-color wm_bg_b #4F585C; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#4F585C, 1.3); +@define-color wm_button_hover_color_b #4F585C; +@define-color wm_button_active_color_a shade(#4F585C, 0.85); +@define-color wm_button_active_color_b shade(#4F585C, 0.89); +@define-color wm_button_active_color_c shade(#4F585C, 0.9); +@define-color content_view_bg #636E73; +/********** + * Common * + **********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f34235; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkPaned-handle-size: 1; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #373e41; + border: solid #373e41; + border-width: 1px 0 0 0; + color: #A1A8AB; + box-shadow: none; } + .action-bar:backdrop { + background-color: #373e41; + box-shadow: none; + -gtk-image-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + +/*************** + * Base States * + ***************/ +.background { + color: #A1A8AB; + background-color: #4F585C; } + .background:backdrop { + color: #788084; + background-color: #4F585C; + text-shadow: none; + icon-shadow: none; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:insensitive { + -gtk-image-effect: dim; } + +.gtkstyle-fallback { + color: #A1A8AB; + background-color: #4F585C; } + .gtkstyle-fallback:hover { + color: #A1A8AB; + background-color: #677277; } + .gtkstyle-fallback:active { + color: #A1A8AB; + background-color: #373e41; } + .gtkstyle-fallback:insensitive { + color: #788084; + background-color: #576165; } + .gtkstyle-fallback:selected { + color: #ffffff; + background-color: #426b7e; } + +.view, GtkIconView, +GtkTextView GtkLabel { + color: #A1A8AB; + background-color: #636E73; } + .view:backdrop, GtkIconView:backdrop, + GtkTextView GtkLabel:backdrop { + color: #959da0; + background-color: #657176; } + .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, + GtkTextView GtkLabel:selected:focus, + GtkTextView GtkLabel:selected { + border-radius: 3px; } + +GtkTextView { + background-color: #596368; } + GtkTextView:backdrop { + background-color: #5a6569; } + GtkTextView.bottom { + background-size: 100% 1px; + background-position: top; } + GtkTextView.top { + background-size: 100% 1px; + background-position: bottom; } + GtkTextView.left { + background-size: 1px 100%; + background-position: right; } + GtkTextView.right { + background-size: 1px 100%; + background-position: left; } + +GtkIconView { + background-color: transparent; } + GtkIconView:backdrop { + background-color: transparent; } + +.rubberband, +GtkFlow rubberband, +GtkFlow GtkTreeView.view .rubberband, +GtkTreeView.view GtkFlow .rubberband, +GtkFlow GtkTreeView.view rubberband, +GtkTreeView.view GtkFlow rubberband, +GtkFlow treeview.view .rubberband, +treeview.view GtkFlow .rubberband, +GtkFlow treeview.view rubberband, +treeview.view GtkFlow rubberband { + border: 1px solid #304f5d; + background-color: rgba(48, 79, 93, 0.2); } + +GtkFlow flowboxchild { + padding: 3px; + border-radius: 3px; } + GtkFlow flowboxchild:selected { + outline-offset: -2px; } + +GtkLabel.separator { + color: #A1A8AB; } + GtkLabel.separator:backdrop { + color: #788084; } +GtkLabel:selected { + background-color: #426b7e; + color: #ffffff; } +GtkLabel:insensitive { + color: #788084; } + GtkLabel:insensitive:backdrop { + color: #727f85; } +GtkLabel:backdrop { + color: #788084; } + +.dim-label, GtkLabel.separator, .titlebar:not(headerbar) .subtitle, +.header-bar .subtitle { + opacity: 0.55; + text-shadow: none; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd GtkPopover.touch-selection, .csd GtkPopover.magnifier, GtkPopover.touch-selection, GtkPopover.magnifier, .csd +.popover.background.touch-selection, .csd +.popover.background.magnifier, +.popover.background.touch-selection, +.popover.background.magnifier, .csd GtkPopover.osd, GtkPopover.osd, .csd +.popover.background.osd, +.popover.background.osd, +.osd { + color: #A1A8AB; + border: none; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; + outline-color: rgba(161, 168, 171, 0.3); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, GtkPopover.touch-selection:backdrop, GtkPopover.magnifier:backdrop, + .popover.background.touch-selection:backdrop, + .popover.background.magnifier:backdrop, GtkPopover.osd:backdrop, + .popover.background.osd:backdrop, + .osd:backdrop { + text-shadow: none; + icon-shadow: none; } + +.view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, +GtkTextView GtkLabel:selected:focus, +GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, GtkPopover .check:selected, +GtkPopover .radio:selected, +.popover.background .check:selected, +.popover.background .radio:selected, +.menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), +.entry:selected:focus, +.entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #426b7e; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, + GtkTextView GtkLabel:selected:focus, + GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, GtkPopover .check:selected, + GtkPopover .radio:selected, + .popover.background .check:selected, + .popover.background .radio:selected, + .menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), + .entry:selected:focus, + .entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; } + .list-row:selected GtkLabel:insensitive, row:selected GtkLabel:insensitive, GtkLabel:insensitive:selected, GtkIconView:insensitive:selected:focus, .view:insensitive:selected, GtkIconView:insensitive:selected, + GtkTextView GtkLabel:insensitive:selected:focus, GtkTextView GtkLabel selection:insensitive, GtkFlow flowboxchild:insensitive:selected, GtkLabel:insensitive:selected, modelbutton.flat:insensitive:selected, GtkPopover .check:insensitive:selected, + GtkPopover .radio:insensitive:selected, + .popover.background .check:insensitive:selected, + .popover.background .radio:insensitive:selected, + .menuitem.button.flat:insensitive:selected, GtkCalendar:insensitive:selected, .spinbutton:insensitive:selected:not(.vertical), + .entry:insensitive:selected, .list-row:insensitive:selected { + color: #a1b5bf; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, GtkIconView:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + GtkTextView GtkLabel:backdrop:selected:focus, GtkTextView GtkLabel selection:backdrop, GtkFlow flowboxchild:backdrop:selected, GtkLabel:backdrop:selected, modelbutton.flat:backdrop:selected, GtkPopover .check:backdrop:selected, + GtkPopover .radio:backdrop:selected, + .popover.background .check:backdrop:selected, + .popover.background .radio:backdrop:selected, + .menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical), + .entry:backdrop:selected, .list-row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:insensitive, row:selected GtkLabel:backdrop:insensitive, GtkLabel:backdrop:insensitive:selected, .view:backdrop:insensitive:selected, GtkIconView:backdrop:insensitive:selected, GtkTextView GtkLabel selection:backdrop:insensitive, GtkFlow flowboxchild:backdrop:insensitive:selected, GtkLabel:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected, GtkPopover .check:backdrop:insensitive:selected, + GtkPopover .radio:backdrop:insensitive:selected, + .popover.background .check:backdrop:insensitive:selected, + .popover.background .radio:backdrop:insensitive:selected, + .menuitem.button.flat:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .spinbutton:backdrop:insensitive:selected:not(.vertical), + .entry:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected { + color: rgba(90, 126, 142, 0.85); } + +.monospace { + font: Monospace; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#6194ac), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#426b7e), to(transparent)); } } +.button { + padding: 4px 9px; + border: 1px solid #373e41; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + transition: none; } + .button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + .button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + -gtk-image-effect: highlight; } + .button:active, + .button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); + transition-duration: 50ms; } + .button:backdrop.flat, + .button:backdrop { + border-color: #394144; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; + -gtk-image-effect: none; } + .button:backdrop.flat GtkLabel, + .button:backdrop.flat, + .button:backdrop GtkLabel, + .button:backdrop { + color: #788084; } + .button:backdrop.flat label, + .button:backdrop.flat, + .button:backdrop label, + .button:backdrop { + color: #788084; } + .button:backdrop.flat:active, + .button:backdrop.flat:checked, + .button:backdrop:active, + .button:backdrop:checked { + border-color: #394144; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button:backdrop.flat:active GtkLabel, + .button:backdrop.flat:active, + .button:backdrop.flat:checked GtkLabel, + .button:backdrop.flat:checked, + .button:backdrop:active GtkLabel, + .button:backdrop:active, + .button:backdrop:checked GtkLabel, + .button:backdrop:checked { + color: #788084; } + .button:backdrop.flat:active label, + .button:backdrop.flat:active, + .button:backdrop.flat:checked label, + .button:backdrop.flat:checked, + .button:backdrop:active label, + .button:backdrop:active, + .button:backdrop:checked label, + .button:backdrop:checked { + color: #788084; } + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive { + border-color: #394144; + background-image: none; + background-color: #576165; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button:backdrop.flat:insensitive GtkLabel, + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive GtkLabel, + .button:backdrop:insensitive { + color: #727f85; } + .button:backdrop.flat:insensitive label, + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive label, + .button:backdrop:insensitive { + color: #727f85; } + .button:backdrop.flat:insensitive:active, + .button:backdrop.flat:insensitive:checked, + .button:backdrop:insensitive:active, + .button:backdrop:insensitive:checked { + border-color: #394144; + background-image: none; + background-color: #4b5457; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button:backdrop.flat:insensitive:active label, + .button:backdrop.flat:insensitive:checked label, + .button:backdrop:insensitive:active label, + .button:backdrop:insensitive:checked label { + color: #727f85; } + .button.flat:backdrop, + .button.flat:insensitive, + .button.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .button:insensitive, + .button:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button:insensitive GtkLabel, + .button:insensitive, + .button:insensitive GtkLabel, + .button:insensitive { + color: #788084; } + .button:insensitive label, + .button:insensitive, + .button:insensitive label, + .button:insensitive { + color: #788084; } + .button:insensitive:active, + .button:insensitive:checked, + .button:insensitive:active, + .button:insensitive:checked { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button:insensitive:active GtkLabel, + .button:insensitive:active, + .button:insensitive:checked GtkLabel, + .button:insensitive:checked, + .button:insensitive:active GtkLabel, + .button:insensitive:active, + .button:insensitive:checked GtkLabel, + .button:insensitive:checked { + color: #788084; } + .button:insensitive:active label, + .button:insensitive:active, + .button:insensitive:checked label, + .button:insensitive:checked, + .button:insensitive:active label, + .button:insensitive:active, + .button:insensitive:checked label, + .button:insensitive:checked { + color: #788084; } + .button.image-button { + padding-left: 4px; + padding-right: 4px; } + .button.text-button { + padding-left: 16px; + padding-right: 16px; } + .button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + .button.text-button.image-button GtkLabel, + .button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } +row:selected +.button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected + .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #788084; } +.button.osd { + color: #A1A8AB; + border-radius: 5px; + outline-color: rgba(161, 168, 171, 0.3); + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:active, + .button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:insensitive:backdrop, + .button.osd:insensitive, + .button.osd:insensitive:backdrop, + .button.osd:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + border: none; } + .button.osd:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + border: none; } +.app-notification .button, .app-notification button, +.app-notification.frame .button, +.app-notification.frame button, .csd GtkPopover.touch-selection button, .csd GtkPopover.magnifier button, GtkPopover.touch-selection button, GtkPopover.magnifier button, .csd +.popover.background.touch-selection button, .csd +.popover.background.magnifier button, +.popover.background.touch-selection button, +.popover.background.magnifier button, .osd +.button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:hover, .app-notification button:hover, GtkPopover.touch-selection button:hover, GtkPopover.magnifier button:hover, + .popover.background.touch-selection button:hover, + .popover.background.magnifier button:hover, .osd + .button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:active:backdrop, .app-notification button:active:backdrop, GtkPopover.touch-selection button:active:backdrop, GtkPopover.magnifier button:active:backdrop, + .popover.background.touch-selection button:active:backdrop, + .popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, GtkPopover.touch-selection button:active, GtkPopover.magnifier button:active, + .popover.background.touch-selection button:active, + .popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, GtkPopover.touch-selection button:checked:backdrop, GtkPopover.magnifier button:checked:backdrop, + .popover.background.touch-selection button:checked:backdrop, + .popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, GtkPopover.touch-selection button:checked, GtkPopover.magnifier button:checked, + .popover.background.touch-selection button:checked, + .popover.background.magnifier button:checked, .osd + .button:active:backdrop, .osd + .button:active, .osd + .button:checked:backdrop, .osd + .button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, GtkPopover.touch-selection button:insensitive:backdrop, GtkPopover.magnifier button:insensitive:backdrop, + .popover.background.touch-selection button:insensitive:backdrop, + .popover.background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, GtkPopover.touch-selection button:insensitive, GtkPopover.magnifier button:insensitive, + .popover.background.touch-selection button:insensitive, + .popover.background.magnifier button:insensitive, .osd + .button:insensitive:backdrop, .osd + .button:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification .button:backdrop, .app-notification button:backdrop, GtkPopover.touch-selection button:backdrop, GtkPopover.magnifier button:backdrop, + .popover.background.touch-selection button:backdrop, + .popover.background.magnifier button:backdrop, .osd + .button:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification .flat.button, .app-notification button.flat, GtkPopover.touch-selection button.flat, GtkPopover.magnifier button.flat, + .popover.background.touch-selection button.flat, + .popover.background.magnifier button.flat, .osd + .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .app-notification .flat.button:hover, .app-notification button.flat:hover, GtkPopover.touch-selection button.flat:hover, GtkPopover.magnifier button.flat:hover, + .popover.background.touch-selection button.flat:hover, + .popover.background.magnifier button.flat:hover, .osd + .button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, GtkPopover.touch-selection button.flat:insensitive, GtkPopover.magnifier button.flat:insensitive, + .popover.background.touch-selection button.flat:insensitive, + .popover.background.magnifier button.flat:insensitive, .osd + .button.flat:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, GtkPopover.touch-selection button.flat:backdrop, GtkPopover.magnifier button.flat:backdrop, + .popover.background.touch-selection button.flat:backdrop, + .popover.background.magnifier button.flat:backdrop, .osd + .button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .app-notification .flat.button:active, .app-notification button.flat:active, GtkPopover.touch-selection button.flat:active, GtkPopover.magnifier button.flat:active, + .popover.background.touch-selection button.flat:active, + .popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, GtkPopover.touch-selection button.flat:checked, GtkPopover.magnifier button.flat:checked, + .popover.background.touch-selection button.flat:checked, + .popover.background.magnifier button.flat:checked, .osd + .button.flat:active, .osd + .button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } +.button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #16242a; + background-image: linear-gradient(to bottom, #426b7e, #395d6d); + text-shadow: 0 1px rgba(0, 0, 0, 0.69882); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.69882); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #426b7e; } + .button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #16242a; + background-image: linear-gradient(to bottom, #446e81, #3e6577 60%, #3b6071); + text-shadow: 0 1px rgba(0, 0, 0, 0.65082); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.65082); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + .button.suggested-action:active, + .button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #16242a; + background-image: linear-gradient(to bottom, #365767, #3e6577); + text-shadow: 0 1px rgba(0, 0, 0, 0.77882); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.77882); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop { + border-color: #16242a; + background-image: linear-gradient(to bottom, #426b7e); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop GtkLabel, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop GtkLabel, + .button.suggested-action.flat:backdrop { + color: #d9e1e5; } + .button.suggested-action:backdrop label, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop label, + .button.suggested-action.flat:backdrop { + color: #d9e1e5; } + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked { + border-color: #16242a; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action:backdrop:active GtkLabel, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked GtkLabel, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active GtkLabel, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked GtkLabel, + .button.suggested-action.flat:backdrop:checked { + color: #d6dcdf; } + .button.suggested-action:backdrop:active label, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked label, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active label, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked label, + .button.suggested-action.flat:backdrop:checked { + color: #d6dcdf; } + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive { + border-color: #394144; + background-image: none; + background-color: #576165; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop:insensitive GtkLabel, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive GtkLabel, + .button.suggested-action.flat:backdrop:insensitive { + color: #727f85; } + .button.suggested-action:backdrop:insensitive label, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive label, + .button.suggested-action.flat:backdrop:insensitive { + color: #727f85; } + .button.suggested-action:backdrop:insensitive:active, + .button.suggested-action:backdrop:insensitive:checked, + .button.suggested-action.flat:backdrop:insensitive:active, + .button.suggested-action.flat:backdrop:insensitive:checked { + border-color: #16242a; + background-image: none; + background-color: #3e5d6c; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action:backdrop:insensitive:active label, + .button.suggested-action:backdrop:insensitive:checked label, + .button.suggested-action.flat:backdrop:insensitive:active label, + .button.suggested-action.flat:backdrop:insensitive:checked label { + color: #82969f; } + .button.suggested-action.flat:backdrop, + .button.suggested-action.flat:insensitive, + .button.suggested-action.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(66, 107, 126, 0.8); } + .button.suggested-action:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button.suggested-action:insensitive GtkLabel, + .button.suggested-action:insensitive { + color: #788084; } + .button.suggested-action:insensitive label, + .button.suggested-action:insensitive { + color: #788084; } + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked { + border-color: #16242a; + background-image: none; + background-color: #3e5d6c; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action:insensitive:active GtkLabel, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked GtkLabel, + .button.suggested-action:insensitive:checked { + color: #b2bec4; } + .button.suggested-action:insensitive:active label, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked label, + .button.suggested-action:insensitive:checked { + color: #b2bec4; } + .osd + .button.suggested-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(66, 107, 126, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(66, 107, 126, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:active:backdrop, .osd + .button.suggested-action:active, .osd + .button.suggested-action:checked:backdrop, .osd + .button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #426b7e); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:insensitive:backdrop, .osd + .button.suggested-action:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd + .button.suggested-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(66, 107, 126, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +.button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c); + text-shadow: 0 1px rgba(0, 0, 0, 0.61569); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #e71d0e; } + .button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d); + text-shadow: 0 1px rgba(0, 0, 0, 0.56769); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.56769); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .button.destructive-action:active, + .button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #c6180c, #de1b0d); + text-shadow: 0 1px rgba(0, 0, 0, 0.69569); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.69569); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop { + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #e71d0e); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop GtkLabel, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop GtkLabel, + .button.destructive-action.flat:backdrop { + color: #fad2cf; } + .button.destructive-action:backdrop label, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop label, + .button.destructive-action.flat:backdrop { + color: #fad2cf; } + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked { + border-color: #6f0e07; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action:backdrop:active GtkLabel, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked GtkLabel, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active GtkLabel, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked GtkLabel, + .button.destructive-action.flat:backdrop:checked { + color: #f1d1ce; } + .button.destructive-action:backdrop:active label, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked label, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active label, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked label, + .button.destructive-action.flat:backdrop:checked { + color: #f1d1ce; } + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive { + border-color: #394144; + background-image: none; + background-color: #576165; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop:insensitive GtkLabel, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive GtkLabel, + .button.destructive-action.flat:backdrop:insensitive { + color: #727f85; } + .button.destructive-action:backdrop:insensitive label, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive label, + .button.destructive-action.flat:backdrop:insensitive { + color: #727f85; } + .button.destructive-action:backdrop:insensitive:active, + .button.destructive-action:backdrop:insensitive:checked, + .button.destructive-action.flat:backdrop:insensitive:active, + .button.destructive-action.flat:backdrop:insensitive:checked { + border-color: #6f0e07; + background-image: none; + background-color: #bd251a; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action:backdrop:insensitive:active label, + .button.destructive-action:backdrop:insensitive:checked label, + .button.destructive-action.flat:backdrop:insensitive:active label, + .button.destructive-action.flat:backdrop:insensitive:checked label { + color: #d4716a; } + .button.destructive-action.flat:backdrop, + .button.destructive-action.flat:insensitive, + .button.destructive-action.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(231, 29, 14, 0.8); } + .button.destructive-action:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button.destructive-action:insensitive GtkLabel, + .button.destructive-action:insensitive { + color: #788084; } + .button.destructive-action:insensitive label, + .button.destructive-action:insensitive { + color: #788084; } + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked { + border-color: #6f0e07; + background-image: none; + background-color: #bd251a; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action:insensitive:active GtkLabel, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked GtkLabel, + .button.destructive-action:insensitive:checked { + color: #e5a8a3; } + .button.destructive-action:insensitive:active label, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked label, + .button.destructive-action:insensitive:checked { + color: #e5a8a3; } + .osd + .button.destructive-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:active:backdrop, .osd + .button.destructive-action:active, .osd + .button.destructive-action:checked:backdrop, .osd + .button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #e71d0e); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:insensitive:backdrop, .osd + .button.destructive-action:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd + .button.destructive-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +.stack-switcher > +.button { + outline-offset: -3px; } + .stack-switcher > + .button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > + .button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > + .button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > + .button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > + .button.needs-attention:active > label, + .stack-switcher > + .button.needs-attention:active > image, .stack-switcher > + .button.needs-attention:checked > label, + .stack-switcher > + .button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar +.button, .inline-toolbar +.button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar +.button { + icon-shadow: none; } + +.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(#6194ac), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > + .button.needs-attention > label:backdrop, + .stack-switcher > + .button.needs-attention > image:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > + .button.needs-attention > label:dir(rtl), + .stack-switcher > + .button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; } + +.inline-toolbar toolbutton > button { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive { + color: #788084; } + .inline-toolbar toolbutton > button:insensitive label, .inline-toolbar toolbutton > button:insensitive { + color: #788084; } + .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked { + color: #788084; } + .inline-toolbar toolbutton > button:insensitive:active label, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked label, .inline-toolbar toolbutton > button:insensitive:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop { + border-color: #394144; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + border-color: #394144; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:insensitive { + border-color: #394144; + background-image: none; + background-color: #576165; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive { + color: #727f85; } + .inline-toolbar toolbutton > button:backdrop:insensitive label, .inline-toolbar toolbutton > button:backdrop:insensitive { + color: #727f85; } + .inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked { + border-color: #394144; + background-image: none; + background-color: #4b5457; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:backdrop:insensitive:active label, .inline-toolbar toolbutton > button:backdrop:insensitive:checked label { + color: #727f85; } + +toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar +.button, .inline-toolbar +.button:backdrop, .linked > +.button, .linked > +.button:hover, .linked > +.button:active, .linked > +.button:checked, .linked > +.button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), .linked:not(.vertical) > +.entry, .linked > GtkComboBox > box > button.combo:dir(ltr), .linked > GtkComboBox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar +.button:first-child, .linked > +.button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(rtl), .linked:not(.vertical) > GtkComboBox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +.entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar +.button:last-child, .linked > +.button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(ltr), .linked:not(.vertical) > GtkComboBox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +.entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar +.button:only-child, .linked > +.button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > GtkComboBox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +.entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > +.button, .linked.vertical > +.button:hover, .linked.vertical > +.button:active, .linked.vertical > +.button:checked, .linked.vertical > +.button:backdrop, .linked.vertical > .spinbutton:not(.vertical), .linked.vertical > +.entry, .linked.vertical > GtkComboBox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > +.button:first-child, .linked.vertical > GtkComboBox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), .linked.vertical > +.entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > +.button:last-child, .linked.vertical > GtkComboBox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), .linked.vertical > +.entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > +.button:only-child, .linked.vertical > GtkComboBox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), .linked.vertical > +.entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, GtkPopover .check, +GtkPopover .radio, +.popover.background .check, +.popover.background .radio, +.menuitem.button.flat, modelbutton.flat:backdrop, GtkPopover .check:backdrop, +GtkPopover .radio:backdrop, modelbutton.flat:backdrop:hover, GtkPopover .check:backdrop:hover, +GtkPopover .radio:backdrop:hover, +.popover.background .check:backdrop:hover, +.popover.background .radio:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:insensitive, .button:link, +.button:visited, .button:link:hover, .button:link:active, .button:link:checked, +.button:visited:hover, +.button:visited:active, +.button:visited:checked, .scale-popup .button:hover, +.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive, .scale-popup .button:backdrop, +.scale-popup button:backdrop:hover, +.scale-popup button:backdrop:insensitive, +.scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, GtkPopover .check, +GtkPopover .radio, +.popover.background .check, +.popover.background .radio, +.menuitem.button.flat { + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, GtkPopover .check:hover, + GtkPopover .radio:hover, + .popover.background .check:hover, + .popover.background .radio:hover, + .menuitem.button.flat:hover { + background-color: #5b656a; } + modelbutton.flat check:last-child, GtkPopover .check check:last-child, + GtkPopover .radio check:last-child, + .popover.background .check check:last-child, + .popover.background .radio check:last-child, + modelbutton.flat radio:last-child, + GtkPopover .check radio:last-child, + GtkPopover .radio radio:last-child, + .popover.background .check radio:last-child, + .popover.background .radio radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, GtkPopover .check check:first-child, + GtkPopover .radio check:first-child, + .popover.background .check check:first-child, + .popover.background .radio check:first-child, + modelbutton.flat radio:first-child, + GtkPopover .check radio:first-child, + GtkPopover .radio radio:first-child, + .popover.background .check radio:first-child, + .popover.background .radio radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, GtkPopover .check arrow, +GtkPopover .radio arrow, +.popover.background .check arrow, +.popover.background .radio arrow { + background: none; } + modelbutton.flat arrow:hover, GtkPopover .check arrow:hover, + GtkPopover .radio arrow:hover, + .popover.background .check arrow:hover, + .popover.background .radio arrow:hover { + background: none; } + modelbutton.flat arrow.left, GtkPopover .check arrow.left, + GtkPopover .radio arrow.left, + .popover.background .check arrow.left, + .popover.background .radio arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, GtkPopover .check arrow.right, + GtkPopover .radio arrow.right, + .popover.background .check arrow.right, + .popover.background .radio arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +/************ + * Calendar * + ***********/ +GtkCalendar { + color: #A1A8AB; + border: 1px solid #373e41; } + GtkCalendar:selected { + border-radius: 3px; } + GtkCalendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + GtkCalendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + GtkCalendar.button { + color: rgba(161, 168, 171, 0.45); } + GtkCalendar.button:hover { + color: #A1A8AB; } + GtkCalendar.button:backdrop { + color: rgba(120, 128, 132, 0.45); } + GtkCalendar.button:insensitive { + color: rgba(120, 128, 132, 0.45); } + GtkCalendar.highlight, GtkCalendar.highlight:backdrop { + font-size: smaller; + color: #A1A8AB; } + GtkCalendar:backdrop { + color: #959da0; + border-color: #394144; } + +/************************* + * Check and Radio Items * + *************************/ +.check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked-dark@2.png")); + icon-shadow: none; } + +.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked-dark@2.png")); + icon-shadow: none; } + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover-dark@2.png")); + icon-shadow: none; } + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover-dark@2.png")); + icon-shadow: none; } + +.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-backdrop-dark.png"), url("../assets/checkbox-unchecked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-backdrop-dark.png"), url("../assets/radio-unchecked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked-dark@2.png")); + icon-shadow: none; } + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked-dark@2.png")); + icon-shadow: none; } + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover-dark@2.png")); + icon-shadow: none; } + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover-dark@2.png")); + icon-shadow: none; } + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active-dark@2.png")); + icon-shadow: none; } + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active-dark@2.png")); + icon-shadow: none; } + +.check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/checkbox-checked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop-dark.png"), url("../assets/radio-checked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-dark.png"), url("../assets/checkbox-mixed-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-dark.png"), url("../assets/radio-mixed-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover-dark.png"), url("../assets/checkbox-mixed-hover-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover-dark.png"), url("../assets/radio-mixed-hover-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active-dark.png"), url("../assets/checkbox-mixed-active-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active-dark.png"), url("../assets/radio-mixed-active-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop-dark.png"), url("../assets/checkbox-mixed-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-dark.png"), url("../assets/radio-mixed-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-dark.png"), url("../assets/checkbox-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-dark.png"), url("../assets/radio-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/checkbox-mixed-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop-dark.png"), url("../assets/radio-mixed-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); + icon-shadow: none; } + +.radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); + icon-shadow: none; } + +.check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-hover-dark.png"), url("../assets/selected-checkbox-unchecked-hover-dark@2.png")); + icon-shadow: none; } + +.radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-hover-dark.png"), url("../assets/selected-radio-unchecked-hover-dark@2.png")); + icon-shadow: none; } + +.check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-active-dark.png"), url("../assets/selected-checkbox-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-active-dark.png"), url("../assets/selected-radio-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop-dark.png"), url("../assets/selected-checkbox-unchecked-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop-dark.png"), url("../assets/selected-radio-unchecked-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive-dark.png"), url("../assets/selected-checkbox-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive-dark.png"), url("../assets/selected-radio-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-unchecked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive-backdrop-dark.png"), url("../assets/selected-radio-unchecked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); + icon-shadow: none; } + +.radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); + icon-shadow: none; } + +.check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-hover-dark.png"), url("../assets/selected-checkbox-checked-hover-dark@2.png")); + icon-shadow: none; } + +.radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-hover-dark.png"), url("../assets/selected-radio-checked-hover-dark@2.png")); + icon-shadow: none; } + +.check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-active-dark.png"), url("../assets/selected-checkbox-checked-active-dark@2.png")); + icon-shadow: none; } + +.radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-active-dark.png"), url("../assets/selected-radio-checked-active-dark@2.png")); + icon-shadow: none; } + +.check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-backdrop-dark.png"), url("../assets/selected-checkbox-checked-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-backdrop-dark.png"), url("../assets/selected-radio-checked-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-dark.png"), url("../assets/selected-checkbox-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-dark.png"), url("../assets/selected-radio-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-checked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-backdrop-dark.png"), url("../assets/selected-radio-checked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-hover-dark.png"), url("../assets/selected-checkbox-mixed-hover-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-hover-dark.png"), url("../assets/selected-radio-mixed-hover-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-active-dark.png"), url("../assets/selected-checkbox-mixed-active-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-active-dark.png"), url("../assets/selected-radio-mixed-active-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-backdrop-dark.png"), url("../assets/selected-checkbox-mixed-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-backdrop-dark.png"), url("../assets/selected-radio-mixed-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-dark.png"), url("../assets/selected-checkbox-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-dark.png"), url("../assets/selected-radio-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-mixed-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-backdrop-dark.png"), url("../assets/selected-radio-mixed-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.view.content-view.check, GtkIconView.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + icon-shadow: none; } + +.view.content-view.radio, GtkIconView.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + icon-shadow: none; } + +.view.content-view.check:hover, GtkIconView.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.radio:hover, GtkIconView.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.check:active, GtkIconView.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.view.content-view.radio:active, GtkIconView.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive-backdrop.png"), url("../assets/checkbox-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive-backdrop.png"), url("../assets/radio-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check, GtkIconView.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + icon-shadow: none; } + +.view.content-view.radio, GtkIconView.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png")); + icon-shadow: none; } + +.view.content-view.check:hover, GtkIconView.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.radio:hover, GtkIconView.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.check:active, GtkIconView.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + icon-shadow: none; } + +.view.content-view.radio:active, GtkIconView.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check.text-button, .radio.text-button { + padding: 2px 0; + outline-offset: 0; } + .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child { + margin-left: 4px; } + .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +.check, +.radio { + margin: 0 4px; } + .menu .menuitem .check, .menu .menuitem + .radio { + margin: 0; } + +GtkTreeView.view check:selected:focus, GtkTreeView.view check:selected, +GtkTreeView.view radio:selected:focus, +GtkTreeView.view radio:selected { + color: #A1A8AB; } +GtkTreeView.view check:selected:insensitive, +GtkTreeView.view radio:selected:insensitive { + color: #788084; } + GtkTreeView.view check:selected:insensitive:backdrop, + GtkTreeView.view radio:selected:insensitive:backdrop { + color: #727f85; } +GtkTreeView.view check:backdrop:selected, GtkTreeView.view check:backdrop, +GtkTreeView.view radio:backdrop:selected, +GtkTreeView.view radio:backdrop { + color: #788084; } + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + GtkColorSwatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +GtkColorSwatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + GtkColorSwatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +GtkColorSwatch.dark overlay { + color: #ffffff; } + GtkColorSwatch.dark overlay:hover { + border-color: #373e41; } + GtkColorSwatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +GtkColorSwatch.light overlay { + color: #A1A8AB; } + GtkColorSwatch.light overlay:hover { + border-color: #373e41; } + GtkColorSwatch.light overlay:backdrop { + color: #959da0; } +GtkColorSwatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #373e41; } + GtkColorSwatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover { + border-color: #373e41; + box-shadow: none; } +GtkColorSwatch#add-color-button { + border-radius: 5px 5px 0 0; } + GtkColorSwatch#add-color-button:only-child { + border-radius: 5px; } + GtkColorSwatch#add-color-button overlay { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + GtkColorSwatch#add-color-button overlay:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + GtkColorSwatch#add-color-button overlay:backdrop { + border-color: #394144; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop { + color: #788084; } + GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop { + color: #788084; } +GtkColorSwatch:insensitive { + opacity: 0.5; } + GtkColorSwatch:insensitive overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected GtkColorSwatch { + box-shadow: 0 0 0 2px #ffffff; } +GtkColorSwatch#editor-color-sample { + border-radius: 4px; } + GtkColorSwatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/****************** + * Combobox Entry * + ******************/ +.combobox-entry .button { + box-shadow: none; } + .combobox-entry .button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry .button:last-child { + border-radius: 0 4px 4px 0; } +.combobox-entry .entry { + box-shadow: none; } + .combobox-entry .entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry .entry:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + +/*********** + * Dialogs * + ***********/ +GtkMessageDialog .header-bar, +GtkMessageDialog .titlebar, +.message-dialog .header-bar, +.message-dialog .titlebar { + background-image: none; + background-color: #4F585C; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + GtkMessageDialog .header-bar:backdrop, + GtkMessageDialog .titlebar:backdrop, + .message-dialog .header-bar:backdrop, + .message-dialog .titlebar:backdrop { + background-color: #4F585C; } + GtkMessageDialog .header-bar.default-decoration, + GtkMessageDialog .titlebar.default-decoration, + .message-dialog .header-bar.default-decoration, + .message-dialog .titlebar.default-decoration { + padding: 6px; + background-color: #4F585C; + color: #A1A8AB; } + GtkMessageDialog .header-bar.default-decoration:backdrop, + GtkMessageDialog .titlebar.default-decoration:backdrop, + .message-dialog .header-bar.default-decoration:backdrop, + .message-dialog .titlebar.default-decoration:backdrop { + background-color: #4F585C; + color: #788084; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton, + .message-dialog .header-bar.default-decoration .button.titlebutton, + .message-dialog .titlebar.default-decoration .button.titlebutton { + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton GtkImage { + color: #A1A8AB; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover, + .message-dialog .header-bar.default-decoration .button.titlebutton:hover, + .message-dialog .titlebar.default-decoration .button.titlebutton:hover { + background-color: #373e41; + color: #bcc1c3; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:hover GtkImage { + color: #bcc1c3; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop, + .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop, + .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop { + background-color: transparent; + color: #788084; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage { + color: #93999c; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active, + .message-dialog .header-bar.default-decoration .button.titlebutton:active, + .message-dialog .titlebar.default-decoration .button.titlebutton:active { + background-color: #A1A8AB; + color: #4F585C; + border-radius: 50%; + box-shadow: none; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:active GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:active GtkImage { + color: #677277; } +GtkMessageDialog.csd, +.message-dialog.csd { + border: none; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } + GtkMessageDialog.csd.background, + .message-dialog.csd.background { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkMessageDialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .button { + padding: 10px 14px; + border-radius: 0; + background-image: none; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + GtkMessageDialog.csd .dialog-action-area .button:first-child, + .message-dialog.csd .dialog-action-area .button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + GtkMessageDialog.csd .dialog-action-area .button:last-child, + .message-dialog.csd .dialog-action-area .button:last-child { + border-bottom-right-radius: 4px; } + +GtkFileChooserDialog { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid #373e41; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkFileChooserDialog .dialog-action-box:backdrop { + border-top-color: #394144; } + GtkFileChooserDialog #pathbarbox { + border-bottom: 1px solid #4F585C; } + +/**************** + * Text Entries * + ****************/ +.spinbutton:not(.vertical), +.entry { + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #A1A8AB; + border-color: #373e41; + background-color: #636E73; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } + .spinbutton:not(.vertical) GtkImage, + .entry GtkImage { + color: #959ca0; } + .spinbutton:not(.vertical) GtkImage:hover, + .entry GtkImage:hover { + color: #A1A8AB; } + .spinbutton:not(.vertical) GtkImage:active, + .entry GtkImage:active { + color: #426b7e; } + .spinbutton:not(.vertical) GtkImage:backdrop, + .entry GtkImage:backdrop { + color: #747d81; } + .spinbutton:not(.vertical) GtkImage.left, + .entry GtkImage.left { + padding-left: 0; + padding-right: 6px; } + .spinbutton:not(.vertical) GtkImage.right, + .entry GtkImage.right { + padding-left: 6px; + padding-right: 0; } + .spinbutton:not(.vertical) .undershoot.left, + .entry .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; + box-shadow: none; } + .spinbutton:not(.vertical) .undershoot.right, + .entry .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; + box-shadow: none; } + .flat.spinbutton:focus:not(.vertical), .flat.spinbutton:not(.vertical), + .entry.flat:focus, + .entry.flat { + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + .spinbutton:focus:not(.vertical), + .entry:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #304f5d; } + .spinbutton:insensitive:not(.vertical), + .entry:insensitive { + color: #788084; + border-color: #373e41; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + .spinbutton:backdrop:not(.vertical), + .entry:backdrop { + color: #959da0; + border-color: #394144; + background-image: linear-gradient(to bottom, #657176); + box-shadow: none; + transition: 200ms ease-out; } + .spinbutton:backdrop:insensitive:not(.vertical), + .entry:backdrop:insensitive { + color: #727f85; + border-color: #394144; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + .spinbutton:backdrop:insensitive:not(.vertical), + .entry:backdrop:insensitive { + color: #727f85; + border-color: #394144; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + .error.spinbutton:not(.vertical), + .entry.error { + color: #f34235; + border-color: #6f0e07; } + .error.spinbutton:focus:not(.vertical), + .entry.error:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #6f0e07; } + .error.spinbutton:selected:focus:not(.vertical), .error.spinbutton:selected:not(.vertical), + .entry.error:selected:focus, + .entry.error:selected { + background-color: #f34235; } + .warning.spinbutton:not(.vertical), + .entry.warning { + color: #feea3a; + border-color: #857701; } + .warning.spinbutton:focus:not(.vertical), + .entry.warning:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #857701; } + .warning.spinbutton:selected:focus:not(.vertical), .warning.spinbutton:selected:not(.vertical), + .entry.warning:selected:focus, + .entry.warning:selected { + background-color: #feea3a; } +.spinbutton:not(.vertical) .progressbar, +.entry .progressbar { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #426b7e; + border-style: solid; + box-shadow: none; } + .spinbutton:not(.vertical) .progressbar:backdrop, + .entry .progressbar:backdrop { + background-color: transparent; } +.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +.entry:focus + .spinbutton:not(.vertical), .linked:not(.vertical) > +.entry:focus + button, .linked:not(.vertical) > +.entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + +.entry, .linked:not(.vertical) > +.entry:focus + +.entry { + border-left-color: #304f5d; } +.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive), .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):not(.vertical), .linked.vertical > +.entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical > +.entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical) { + border-top-color: #566064; + background-image: linear-gradient(to bottom, #636E73); } + .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive):backdrop, .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):backdrop:not(.vertical), .linked.vertical > + .entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > + .entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical) { + border-top-color: #586367; + background-image: linear-gradient(to bottom, #657176); } +.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), .linked.vertical > +.entry:insensitive + .spinbutton:insensitive:not(.vertical) { + border-top-color: #566064; } +.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > +.entry + .spinbutton:focus:not(:only-child):not(.vertical) { + border-top-color: #304f5d; } +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button, +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + GtkComboBox > box > .button.combo, .linked.vertical > +.entry:focus:not(:only-child) + .spinbutton:not(.vertical), +.linked.vertical > +.entry:focus:not(:only-child) + .entry, +.linked.vertical > +.entry:focus:not(:only-child) + .button, +.linked.vertical > +.entry:focus:not(:only-child) + GtkComboBox > box > .button.combo { + border-top-color: #304f5d; } + +GtkTreeView .acceleditor > GtkLabel { + background-color: #426b7e; } + +GtkTreeView .entry.flat, GtkTreeView .entry { + border-radius: 0; + background-image: none; + background-color: #636E73; } + GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus { + border-color: #426b7e; } + +/************* + * Expanders * + *************/ +expander .arrow { + -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: #f2f3f3; } + expander .arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #4F585C; + padding-top: 1px; + border-width: 1px; + border-style: solid solid none; + border-color: #373e41; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; + border-top-right-radius: 4px; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; + border-top-left-radius: 4px; } + .floating-bar > .button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #4F585C; + border-color: #394144; } + +/********** + * Frames * + **********/ +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #373e41; } + .frame.flat { + border-style: none; } + .frame:backdrop { + border-color: #394144; } + +GtkScrolledWindow GtkViewport.frame { + border-style: none; } +GtkScrolledWindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow 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; + box-shadow: none; } +GtkScrolledWindow 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; + box-shadow: none; } +GtkScrolledWindow 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; + box-shadow: none; } +GtkScrolledWindow 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; + box-shadow: none; } +GtkScrolledWindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #373e41 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #596368; } + GtkScrolledWindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + GtkScrolledWindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #394144 1px, transparent 1px); + background-color: #485054; + transition: 200ms ease-out; } + +.separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #636E73; + background: #636E73; + color: #A1A8AB; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #426b7e; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #636E73; + border: 1px solid #636E73; + color: #A1A8AB; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #636E73; } + GraniteWidgetsWelcome GtkLabel { + color: #A1A8AB; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(161, 168, 171, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 4px; + -GtkTreeView-vertical-separator: 4px; + background-color: #4F585C; + border: solid #373e41; + color: #A1A8AB; + border-right-width: 1px; } + .source-list .view, .source-list GtkIconView { + border-width: 0; + border-style: solid; + border-color: #373e41; } + .source-list .category-expander { + border: none; + color: #A1A8AB; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #4F585C; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #434b4e; } + .source-list .list-row { + border: none; + padding: 0; } + .source-list .list-row > GtkLabel { + padding-left: 6px; + padding-right: 6px; } + .source-list.sidebar { + border-width: 0; + border-style: solid; + border-color: #373e41; } + .source-list.sidebar.left, .source-list.sidebar.right { + border-width: 0; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 9px; } + +.h4 { + font-weight: bold; + font-size: 9px; } + +.category-label { + font-size: 9px; + padding: 6px; + color: rgba(161, 168, 171, 0.9); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #feea3a; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #636E73; } + .storage-bar .fill-block.app { + background-color: #2095f2; } + .storage-bar .fill-block.audio { + background-color: #fe9700; } + .storage-bar .fill-block.photo { + background-color: #f34235; } + .storage-bar .fill-block.video { + background-color: #9b26af; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header Bars * + ***************/ +.titlebar:not(headerbar), +.header-bar { + padding: 0 8px; + border: none; + border-radius: 4px 4px 0 0; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar:backdrop:not(headerbar), + .header-bar:backdrop { + background-color: #3B4245; + color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + .header-bar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .title:backdrop, + .header-bar .title:backdrop { + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .subtitle, + .header-bar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: rgba(255, 255, 255, 0.8); } + .selection-mode.titlebar:not(headerbar), + .header-bar.selection-mode { + border-radius: 4px 4px 0 0; + color: #ffffff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #304f5d; + background-color: #347D9F; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .selection-mode.titlebar:backdrop:not(headerbar), + .header-bar.selection-mode:backdrop { + background-color: #275f79; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + .header-bar.selection-mode .selection-menu:backdrop, + .header-bar.selection-mode .selection-menu { + border-color: rgba(66, 107, 126, 0); + background-image: linear-gradient(to bottom, rgba(66, 107, 126, 0)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + .header-bar.selection-mode .selection-menu:backdrop GtkArrow, + .header-bar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + .header-bar.selection-mode .selection-menu:backdrop .arrow, + .header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.5); + icon-shadow: none; } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled + .header-bar:backdrop, .tiled + .header-bar, .maximized + .header-bar:backdrop, .maximized + .header-bar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + .header-bar.default-decoration { + padding: 6px; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + .default-decoration.titlebar:not(headerbar) .maximized, + .header-bar.default-decoration .maximized { + padding: 6px; } + .default-decoration.titlebar:backdrop:not(headerbar), + .header-bar.default-decoration:backdrop { + background-color: #2f3537; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .entry, + .header-bar .entry { + margin: 6px 0; + border-radius: 2px; + padding: 4px; + border: none; + box-shadow: none; + background: rgba(99, 110, 115, 0.95); + color: #A1A8AB; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) .entry > .image, + .header-bar .entry > .image { + padding-right: 6px; + color: rgba(161, 168, 171, 0.8); } + .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, + .header-bar .entry:active, + .header-bar .entry:focus { + background: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, + .header-bar .entry:active > .image, + .header-bar .entry:focus > .image { + padding-right: 6px; + color: #A1A8AB; } + .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, + .header-bar .entry:active:backdrop, + .header-bar .entry:focus:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:insensitive, + .header-bar .entry:insensitive { + background: rgba(99, 110, 115, 0.6); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:insensitive > .image, + .header-bar .entry:insensitive > .image { + padding-right: 6px; + color: rgba(161, 168, 171, 0.5); } + .titlebar:not(headerbar) .entry:insensitive:backdrop, + .header-bar .entry:insensitive:backdrop { + background: rgba(99, 110, 115, 0.5); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:backdrop, + .header-bar .entry:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:backdrop > .image, + .header-bar .entry:backdrop > .image { + color: rgba(161, 168, 171, 0.5); } + .titlebar:not(headerbar) .button, + .header-bar .button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; } + .titlebar:not(headerbar) .button.back-button, .titlebar:not(headerbar) .button.suggested-action, .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.linked, .titlebar:not(headerbar) .button.flat, + .header-bar .button.back-button, + .header-bar .button.suggested-action, + .header-bar .button.menu-button, + .header-bar .button.text-button, + .header-bar .button.image-button, + .header-bar .button.linked, + .header-bar .button.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button.back-button:backdrop, .titlebar:not(headerbar) .button.suggested-action:backdrop, .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.linked:backdrop, .titlebar:not(headerbar) .button.flat:backdrop, + .header-bar .button.back-button:backdrop, + .header-bar .button.suggested-action:backdrop, + .header-bar .button.menu-button:backdrop, + .header-bar .button.text-button:backdrop, + .header-bar .button.image-button:backdrop, + .header-bar .button.linked:backdrop, + .header-bar .button.flat:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button.back-button:hover, .titlebar:not(headerbar) .button.suggested-action:hover, .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.text-button:hover, .titlebar:not(headerbar) .button.image-button:hover, .titlebar:not(headerbar) .button.linked:hover, .titlebar:not(headerbar) .button.flat:hover, + .header-bar .button.back-button:hover, + .header-bar .button.suggested-action:hover, + .header-bar .button.menu-button:hover, + .header-bar .button.text-button:hover, + .header-bar .button.image-button:hover, + .header-bar .button.linked:hover, + .header-bar .button.flat:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button GtkImage, + .header-bar .button GtkImage { + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover, + .header-bar .button:focus, + .header-bar .button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button:backdrop, + .header-bar .button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button:backdrop GtkImage, + .header-bar .button:backdrop GtkImage { + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, + .header-bar .button:active, + .header-bar .button:checked { + border-radius: 0px; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop, + .header-bar .button:active:backdrop, + .header-bar .button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button:active:focus, .titlebar:not(headerbar) .button:active:hover, .titlebar:not(headerbar) .button:checked:focus, .titlebar:not(headerbar) .button:checked:hover, + .header-bar .button:active:focus, + .header-bar .button:active:hover, + .header-bar .button:checked:focus, + .header-bar .button:checked:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop, + .header-bar .button:insensitive, + .header-bar .button:insensitive:backdrop { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) .button:insensitive image, + .titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop image, + .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage, + .header-bar .button:insensitive image, + .header-bar .button:insensitive GtkImage, + .header-bar .button:insensitive:backdrop image, + .header-bar .button:insensitive:backdrop GtkImage { + -gtk-image-effect: dim; } + .titlebar:not(headerbar) .button.titlebutton, + .header-bar .button.titlebutton { + background-color: transparent; + background-image: none; + border-radius: 50%; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 1px; + text-shadow: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button.titlebutton:hover, + .header-bar .button.titlebutton:hover { + background-color: rgba(255, 255, 255, 0); + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button.titlebutton:backdrop, + .header-bar .button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button.titlebutton:active, + .header-bar .button.titlebutton:active { + background-color: rgba(255, 255, 255, 0.8); + color: #3B4245; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) .button.titlebutton:active GtkImage, + .header-bar .button.titlebutton:active GtkImage { + color: #3B4245; } + .titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child, + .header-bar .button.linked:first-child, + .header-bar .button.linked:last-child { + border-radius: 0; } + .titlebar:not(headerbar) .separator, + .header-bar .separator { + color: transparent; + background-color: transparent; } + +.titlebar, .titlebar:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop { + border-top-left-radius: 4px; } +.header-bar:last-child, .header-bar:last-child:backdrop { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: #3B4245; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + window.csd > .titlebar:not(headerbar):backdrop { + background-color: #2f3537; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +GtkInfoBar, +infobar { + text-shadow: none; + color: #A1A8AB; + background-color: #4F585C; + border-bottom: 1px solid #373e41; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #ffffff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #ffffff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info .button, .warning .button, .question .button, .error .button, + .info button, + .warning button, + .question button, + .error button { + border-radius: 2px; + border: none; + background: rgba(99, 110, 115, 0.95); + color: #A1A8AB; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info .button .label, .warning .button .label, .question .button .label, .error .button .label, + .info button .label, + .warning button .label, + .question button .label, + .error button .label { + color: #A1A8AB; } + .info .button:active, .warning .button:active, .question .button:active, .error .button:active, + .info button:active, + .warning button:active, + .question button:active, + .error button:active { + background: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, + .info button:active:backdrop, + .warning button:active:backdrop, + .question button:active:backdrop, + .error button:active:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, + .info button:hover, + .warning button:hover, + .question button:hover, + .error button:hover, + .info button:focus, + .warning button:focus, + .question button:focus, + .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive, + .info button:insensitive, + .warning button:insensitive, + .question button:insensitive, + .error button:insensitive { + background: rgba(99, 110, 115, 0.6); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, + .info button:insensitive:backdrop, + .warning button:insensitive:backdrop, + .question button:insensitive:backdrop, + .error button:insensitive:backdrop { + background: rgba(99, 110, 115, 0.5); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, + .info button:backdrop, + .warning button:backdrop, + .question button:backdrop, + .error button:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + +.info { + background-color: #2095f2; } + .info:backdrop { + background-color: #50acf5; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #feea3a; } + .warning:backdrop { + background-color: #feef6d; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #1ea362; } + .question:backdrop { + background-color: #26ce7c; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #f34235; } + .error:backdrop { + background-color: #f66f65; + color: rgba(255, 255, 255, 0.5); } + +/************* + * Level Bar * + *************/ +GtkLevelBar, +.level-bar { + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; } + GtkLevelBar:backdrop, + .level-bar:backdrop { + transition: 200ms ease-out; } + GtkLevelBar .trough, + .level-bar .trough { + margin: 0; + padding: 2px; + border-radius: 3px; } + GtkLevelBar.horizontal.indicator-discrete.fill-block, + .level-bar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + GtkLevelBar.horizontal.discrete block, + .level-bar.horizontal.discrete block { + margin: 0 1px; } + GtkLevelBar.vertical.indicator-discrete.fill-block, + .level-bar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + GtkLevelBar.vertical.discrete block, + .level-bar.vertical.discrete block { + margin: 1px 0; } + GtkLevelBar.vertical .fill-block, + GtkLevelBar .level-bar.vertical .fill-block, + .level-bar.vertical GtkLevelBar .fill-block, + GtkLevelBar .fill-block, + .level-bar GtkLevelBar.vertical .fill-block, + GtkLevelBar.vertical .level-bar .fill-block, + .level-bar.vertical .fill-block, + .level-bar .fill-block { + border-radius: 2px; } + GtkLevelBar.vertical .low.fill-block, + GtkLevelBar .level-bar.vertical .low.fill-block, + .level-bar.vertical GtkLevelBar .low.fill-block, GtkLevelBar.vertical .level-low.fill-block, + GtkLevelBar .level-bar.vertical .level-low.fill-block, + .level-bar.vertical GtkLevelBar .level-low.fill-block, + GtkLevelBar .fill-block.low, + GtkLevelBar .fill-block.level-low, + .level-bar GtkLevelBar.vertical .low.fill-block, + GtkLevelBar.vertical .level-bar .low.fill-block, + .level-bar.vertical .low.fill-block, + .level-bar GtkLevelBar.vertical .level-low.fill-block, + GtkLevelBar.vertical .level-bar .level-low.fill-block, + .level-bar.vertical .level-low.fill-block, + .level-bar .fill-block.low, + .level-bar .fill-block.level-low { + border: 1px solid #fee507; + background-color: #feea3a; } + GtkLevelBar.vertical .low.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop, + GtkLevelBar .fill-block.low:backdrop, + GtkLevelBar .fill-block.level-low:backdrop, + .level-bar GtkLevelBar.vertical .low.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .low.fill-block:backdrop, + .level-bar.vertical .low.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop, + .level-bar.vertical .level-low.fill-block:backdrop, + .level-bar .fill-block.low:backdrop, + .level-bar .fill-block.level-low:backdrop { + border: 1px solid #feea3a; } + GtkLevelBar.vertical .high.fill-block, + GtkLevelBar .level-bar.vertical .high.fill-block, + .level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block, + GtkLevelBar .level-bar.vertical .level-high.fill-block, + .level-bar.vertical GtkLevelBar .level-high.fill-block, + GtkLevelBar .fill-block.high, + GtkLevelBar .fill-block.level-high, + .level-bar GtkLevelBar.vertical .high.fill-block, + GtkLevelBar.vertical .level-bar .high.fill-block, + .level-bar.vertical .high.fill-block, + .level-bar GtkLevelBar.vertical .level-high.fill-block, + GtkLevelBar.vertical .level-bar .level-high.fill-block, + .level-bar.vertical .level-high.fill-block, + .level-bar .fill-block.high, + .level-bar .fill-block.level-high { + border: 1px solid #304f5d; + background-color: #426b7e; } + GtkLevelBar.vertical .high.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .high.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .high.fill-block:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop, + GtkLevelBar .fill-block.high:backdrop, + GtkLevelBar .fill-block.level-high:backdrop, + .level-bar GtkLevelBar.vertical .high.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .high.fill-block:backdrop, + .level-bar.vertical .high.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop, + .level-bar.vertical .level-high.fill-block:backdrop, + .level-bar .fill-block.high:backdrop, + .level-bar .fill-block.level-high:backdrop { + border: 1px solid #426b7e; } + GtkLevelBar.vertical .full.fill-block, + GtkLevelBar .level-bar.vertical .full.fill-block, + .level-bar.vertical GtkLevelBar .full.fill-block, GtkLevelBar.vertical .level-full.fill-block, + GtkLevelBar .level-bar.vertical .level-full.fill-block, + .level-bar.vertical GtkLevelBar .level-full.fill-block, + GtkLevelBar .fill-block.full, + GtkLevelBar .fill-block.level-full, + .level-bar GtkLevelBar.vertical .full.fill-block, + GtkLevelBar.vertical .level-bar .full.fill-block, + .level-bar.vertical .full.fill-block, + .level-bar GtkLevelBar.vertical .level-full.fill-block, + GtkLevelBar.vertical .level-bar .level-full.fill-block, + .level-bar.vertical .level-full.fill-block, + .level-bar .fill-block.full, + .level-bar .fill-block.level-full { + border: 1px solid #0e4d2e; + background-color: #167848; } + GtkLevelBar.vertical .full.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .full.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .full.fill-block:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop, + GtkLevelBar .fill-block.full:backdrop, + GtkLevelBar .fill-block.level-full:backdrop, + .level-bar GtkLevelBar.vertical .full.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .full.fill-block:backdrop, + .level-bar.vertical .full.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop, + .level-bar.vertical .level-full.fill-block:backdrop, + .level-bar .fill-block.full:backdrop, + .level-bar .fill-block.level-full:backdrop { + border: 1px solid #167848; } + GtkLevelBar.vertical .empty.fill-block, + GtkLevelBar .level-bar.vertical .empty.fill-block, + .level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block, + GtkLevelBar .level-bar.vertical .level-empty.fill-block, + .level-bar.vertical GtkLevelBar .level-empty.fill-block, + GtkLevelBar .fill-block.empty, + GtkLevelBar .fill-block.level-empty, + .level-bar GtkLevelBar.vertical .empty.fill-block, + GtkLevelBar.vertical .level-bar .empty.fill-block, + .level-bar.vertical .empty.fill-block, + .level-bar GtkLevelBar.vertical .level-empty.fill-block, + GtkLevelBar.vertical .level-bar .level-empty.fill-block, + .level-bar.vertical .level-empty.fill-block, + .level-bar .fill-block.empty, + .level-bar .fill-block.level-empty { + background-color: transparent; + border: 1px solid rgba(161, 168, 171, 0.1); + box-shadow: none; } + GtkLevelBar.vertical .empty.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop, + GtkLevelBar .fill-block.empty:backdrop, + GtkLevelBar .fill-block.level-empty:backdrop, + .level-bar GtkLevelBar.vertical .empty.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop, + .level-bar.vertical .empty.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop, + .level-bar.vertical .level-empty.fill-block:backdrop, + .level-bar .fill-block.empty:backdrop, + .level-bar .fill-block.level-empty:backdrop { + border-color: rgba(120, 128, 132, 0.15); } + GtkLevelBar.vertical, + .level-bar.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; } + +/********* + * Links * + *********/ +*:link, .button:link, +.button:visited { + color: blue; } + *:link:visited, + .button:visited { + color: rgba(0, 0, 255, 0.5); } + *:selected *:link:visited, + *:selected .button:visited { + color: #b3c4cb; } + *:link:hover, .button:hover:link, + .button:hover:visited { + color: #3333ff; } + *:selected *:link:hover, *:selected .button:hover:link, + *:selected .button:hover:visited { + color: #ecf0f2; } + *:link:active, .button:active:link, + .button:active:visited { + color: blue; } + *:selected *:link:active, *:selected .button:active:link, + *:selected .button:active:visited { + color: #d9e1e5; } + *:link:backdrop:backdrop:hover, .button:backdrop:backdrop:hover:link, + .button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + .header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, .button:backdrop:backdrop:hover:selected:link, + .button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, .button:backdrop:link, + .button:backdrop:visited { + color: #426b7e; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + .header-bar.selection-mode .subtitle:link, .button:selected:link, + .button:selected:visited, *:selected *:link, *:selected .button:link, + *:selected .button:visited { + color: #d9e1e5; } + +.button:link, +.button:visited { + text-shadow: none; } + .button:link:hover, .button:link:active, .button:link:checked, + .button:visited:hover, + .button:visited:active, + .button:visited:checked { + text-shadow: none; } + .button:link > GtkLabel, + .button:visited > GtkLabel { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +.list { + color: #A1A8AB; + background-color: #636E73; + border-color: #373e41; } + .list:backdrop { + background-color: #657176; + border-color: #394144; } + +.list-row { + border-radius: 0; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .list-row GtkImage { + padding-right: 6px; } + .list-row:hover { + transition: none; } + .list-row:backdrop { + transition: 200ms ease-out; } + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + .menubar:backdrop { + background-color: #2f3537; } + .menubar > .menuitem { + padding: 4px 8px; } + .menubar > .menuitem:hover { + box-shadow: inset 0 -3px #426b7e; + color: rgba(255, 255, 255, 0.8); } + .menubar > .menuitem:insensitive { + color: #788084; + box-shadow: none; } + +.menu, +.popup { + padding: 4px 0px; + background-color: #5f6a6e; + border: 1px solid #373e41; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + .csd .menu, .csd + .popup { + border: none; } + .menu:backdrop, + .popup:backdrop { + background-color: #616c71; } + .menu .menuitem, + .popup .menuitem { + padding: 8px 4px; + text-shadow: none; } + .menu .menuitem:hover, + .popup .menuitem:hover { + color: #ffffff; + background-color: #426b7e; } + .menu .menuitem:insensitive, + .popup .menuitem:insensitive { + color: #788084; } + .menu .menuitem:insensitive:backdrop, + .popup .menuitem:insensitive:backdrop { + color: #727f85; } + .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover, + .popup .menuitem:backdrop, + .popup .menuitem:backdrop:hover { + color: #788084; + background-color: transparent; } + .menu .menuitem .arrow:dir(ltr), + .popup .menuitem .arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + .menu .menuitem .arrow:dir(rtl), + .popup .menuitem .arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + .menu > .arrow, + .popup > .arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + padding: 4px; + background-color: #5f6a6e; + border-radius: 0; } + .menu > .arrow.top, + .popup > .arrow.top { + margin-top: -6px; + border-bottom: 1px solid #697479; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .menu > .arrow.bottom, + .popup > .arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #697479; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .menu > .arrow:hover, + .popup > .arrow:hover { + background-color: #697479; } + .menu > .arrow:backdrop, + .popup > .arrow:backdrop { + background-color: #616c71; } + .menu > .arrow:insensitive, + .popup > .arrow:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent; } + +.menuitem .accelerator { + color: alpha(currentColor,0.55); } +.menuitem .check:dir(ltr), +.menuitem .radio:dir(ltr) { + margin-right: 7px; } +.menuitem .check:dir(rtl), +.menuitem .radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #3f4649; } + .content-view:hover { + -gtk-image-effect: highlight; } + .content-view:backdrop { + background-color: #3f4649; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup .button:hover, +.scale-popup button:hover { + background-color: rgba(161, 168, 171, 0.1); + border-radius: 5px; } + +.separator { + color: #373e41; } + +/************ +* Assistant * +*************/ +GtkAssistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkAssistant .sidebar { + background-color: #636E73; + border-top: 1px solid #373e41; + border-bottom-left-radius: 4px; } + GtkAssistant .sidebar:backdrop { + background-color: #657176; + border-color: #394144; } + GtkAssistant.csd .sidebar { + border-top-style: none; } + GtkAssistant .sidebar GtkLabel { + padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { + background-color: #5f686c; } + +/************* + * Notebooks * + *************/ +.dynamic-notebook, +.notebook { + padding: 0; + background-color: #636E73; + box-shadow: 0 0 0 1px #373e41; + background-clip: border-box; } + .dynamic-notebook > .header, + .notebook > .header { + border: none; + box-shadow: none; + background-color: #4F585C; } + .dynamic-notebook > tab, + .notebook > tab { + border-radius: 0; + background-color: #4F585C; } + .dynamic-notebook > tab.top, + .notebook > tab.top { + padding: 6px 8px 8px 8px; + box-shadow: inset 0 -1px 0 0 #373e41; } + .dynamic-notebook > tab.top:active, + .notebook > tab.top:active { + box-shadow: inset 0 -3px 0 0 #426b7e; } + .dynamic-notebook > tab.top:active:backdrop, + .notebook > tab.top:active:backdrop { + box-shadow: inset 0 -3px 0 0 #4b798f; } + .dynamic-notebook > tab.top:backdrop, + .notebook > tab.top:backdrop { + box-shadow: inset 0 -1px 0 0 #394144; } + .dynamic-notebook > tab.top:insensitive, + .notebook > tab.top:insensitive { + box-shadow: inset 0 -1px 0 0 #373e41; } + .dynamic-notebook > tab.bottom, + .notebook > tab.bottom { + padding: 8px 8px 6px 8px; + box-shadow: inset 0 1px 0 0 #373e41; } + .dynamic-notebook > tab.bottom:active, + .notebook > tab.bottom:active { + box-shadow: inset 0 3px 0 0 #426b7e; } + .dynamic-notebook > tab.bottom:active:backdrop, + .notebook > tab.bottom:active:backdrop { + box-shadow: inset 0 3px 0 0 #4b798f; } + .dynamic-notebook > tab.bottom:backdrop, + .notebook > tab.bottom:backdrop { + box-shadow: inset 0 1px 0 0 #394144; } + .dynamic-notebook > tab.bottom:insensitive, + .notebook > tab.bottom:insensitive { + box-shadow: inset 0 1px 0 0 #373e41; } + .dynamic-notebook > tab.left, + .notebook > tab.left { + padding: 8px; + box-shadow: inset -1px 0 0 0 #373e41; } + .dynamic-notebook > tab.left:active, + .notebook > tab.left:active { + box-shadow: inset -3px 0 0 0 #426b7e; } + .dynamic-notebook > tab.left:active:backdrop, + .notebook > tab.left:active:backdrop { + box-shadow: inset -3px 0 0 0 #4b798f; } + .dynamic-notebook > tab.left:backdrop, + .notebook > tab.left:backdrop { + box-shadow: inset -1px 0 0 0 #394144; } + .dynamic-notebook > tab.left:insensitive, + .notebook > tab.left:insensitive { + box-shadow: inset -1px 0 0 0 #373e41; } + .dynamic-notebook > tab.right, + .notebook > tab.right { + padding: 8px; + box-shadow: inset 1px 0 0 0 #373e41; } + .dynamic-notebook > tab.right:active, + .notebook > tab.right:active { + box-shadow: inset 3px 0 0 0 #426b7e; } + .dynamic-notebook > tab.right:active:backdrop, + .notebook > tab.right:active:backdrop { + box-shadow: inset 3px 0 0 0 #4b798f; } + .dynamic-notebook > tab.right:backdrop, + .notebook > tab.right:backdrop { + box-shadow: inset 1px 0 0 0 #394144; } + .dynamic-notebook > tab.right:insensitive, + .notebook > tab.right:insensitive { + box-shadow: inset 1px 0 0 0 #373e41; } + .dynamic-notebook > tab:active, + .notebook > tab:active { + font-weight: bold; } + .dynamic-notebook > tab:hover, + .notebook > tab:hover { + background: #434b4e; } + +/********* + * Paned * + *********/ +.paned { + border: solid #373e41; + border-left-width: 1px; } + .paned > .separator { + -gtk-icon-source: none; + border-style: none; + background-color: #373e41; + background-size: 1px 1px; } + .paned > .separator:selected { + background-color: #426b7e; } + .paned > .separator:backdrop { + background-color: #394144; } + .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; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.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: 8px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************ + * Popovers * + ************/ +GtkPopover, +.popover.background { + padding: 2px; + border-radius: 4px; + border: none; + background-color: #4F585C; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + .csd GtkPopover, GtkPopover, .csd + .popover.background, + .popover.background { + border: 1px solid #373e41; } + GtkPopover:backdrop, + .popover.background:backdrop { + background-color: #4F585C; + box-shadow: none; } + GtkPopover > .view, GtkPopover > GtkIconView, + GtkPopover > .toolbar, + .popover.background > .view, + .popover.background > GtkIconView, + .popover.background > .toolbar { + border-style: none; + background-color: transparent; } + .csd GtkPopover.touch-selection, .csd GtkPopover.magnifier, GtkPopover.touch-selection, GtkPopover.magnifier, .csd + .popover.background.touch-selection, .csd + .popover.background.magnifier, + .popover.background.touch-selection, + .popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + GtkPopover .separator, + .popover.background .separator { + margin: 3px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar, +.progressbar { + font-size: smaller; + color: rgba(161, 168, 171, 0.4); } + GtkProgressBar.horizontal progress, + .progressbar.horizontal progress { + margin: 0 -1px; } + GtkProgressBar.vertical progress, + .progressbar.vertical progress { + margin: -1px 0; } + GtkProgressBar:active, + .progressbar:active { + border-radius: 0px; + color: rgba(0, 0, 0, 0.5); + background-color: #426b7e; + border-color: #304f5d; } + GtkProgressBar:active:backdrop, + .progressbar:active:backdrop { + background-color: #54879f; + border-color: #426b7e; } + GtkProgressBar:backdrop, + .progressbar:backdrop { + transition: 200ms ease-out; } + GtkProgressBar .progressbar, + .progressbar .progressbar { + border-radius: 0px; } + GtkProgressBar .progressbar.left, + .progressbar .progressbar.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar .progressbar.right, + .progressbar .progressbar.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + GtkProgressBar .progressbar.top, + .progressbar .progressbar.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; } + GtkProgressBar .progressbar.bottom, + .progressbar .progressbar.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar.osd, + .progressbar.osd { + background-color: transparent; } + GtkProgressBar.osd .trough, + .progressbar.osd .trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + GtkProgressBar.osd .progressbar, + .progressbar.osd .progressbar { + border-style: none; + border-radius: 0; } + GtkProgressBar row:selected, + GtkProgressBar .list-row:selected, + .progressbar row:selected, + .progressbar .list-row:selected { + border: 1px solid #304f5d; + color: rgba(0, 0, 0, 0.5); + background-color: #426b7e; } + +/********** + * Scales * + **********/ +GtkLevelBar .trough, +.level-bar .trough, GtkLevelBar.horizontal .trough, GtkLevelBar.vertical .trough, +.level-bar.horizontal .trough, +.level-bar.vertical .trough, GtkProgressBar, +.progressbar, .scale .trough, .scale.fine-tune .trough, .scale fill { + border: none; + background-color: #636E73; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); + padding: 0; + margin: 0; } + GtkLevelBar .trough:insensitive, + .level-bar .trough:insensitive, GtkProgressBar:insensitive, + .progressbar:insensitive, .scale .trough:insensitive, .scale fill:insensitive { + background-color: #576165; } + GtkLevelBar .trough:backdrop, + .level-bar .trough:backdrop, GtkProgressBar:backdrop, + .progressbar:backdrop, .scale .trough:backdrop, .scale fill:backdrop { + background-color: #657176; + transition: 200ms ease-out; } + GtkLevelBar .trough:backdrop:insensitive, + .level-bar .trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive, + .progressbar:backdrop:insensitive, .scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive { + background-color: #576165; } + row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, + row:selected .level-bar .trough, + .level-bar row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill { + box-shadow: none; } + row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, + row:selected .level-bar .trough, + .level-bar row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, row:selected GtkLevelBar .trough:insensitive, GtkLevelBar row:selected .trough:insensitive, + row:selected .level-bar .trough:insensitive, + .level-bar row:selected .trough:insensitive, row:selected GtkProgressBar:insensitive, + row:selected .progressbar:insensitive, row:selected .scale .trough:insensitive, .scale row:selected .trough:insensitive, row:selected .scale fill:insensitive, .scale row:selected fill:insensitive { + border-color: #304f5d; } + .osd GtkLevelBar .trough, GtkLevelBar .osd .trough, + .osd .level-bar .trough, + .level-bar .osd .trough, .osd GtkProgressBar, + .osd .progressbar, .osd .scale .trough, .scale .osd .trough, .osd .scale fill, .scale .osd fill { + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + outline-color: rgba(161, 168, 171, 0.2); } + .osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive, + .osd .level-bar .trough:insensitive, + .level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive, + .osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive { + background-color: rgba(45, 50, 51, 0.5); } + +GtkProgressBar .progressbar, +.progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight { + border: 1px solid #304f5d; + background-color: #426b7e; + box-shadow: 0px 1px rgba(255, 255, 255, 0.1); + border-radius: 4px; } + GtkProgressBar .progressbar:insensitive, + .progressbar .progressbar:insensitive, .scale .highlight:insensitive { + border: 1px solid #141617; + background-color: #202425; } + GtkProgressBar .progressbar:backdrop, + .progressbar .progressbar:backdrop, GtkProgressBar:backdrop .progressbar, + .progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, + .progressbar:backdrop progress, .scale .highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + .progressbar .progressbar:active:backdrop, GtkProgressBar:backdrop .progressbar:active, + .progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, + .progressbar:backdrop progress:active, .scale .highlight:active:backdrop { + border-color: #304f5d; + background-color: #54879f; } + GtkProgressBar .progressbar:backdrop:insensitive, + .progressbar .progressbar:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:insensitive, + .progressbar:backdrop .progressbar:insensitive, GtkProgressBar:backdrop progress:insensitive, + .progressbar:backdrop progress:insensitive, .scale .highlight:backdrop:insensitive, GtkProgressBar .progressbar:active:backdrop:insensitive, + .progressbar .progressbar:active:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:active:insensitive, + .progressbar:backdrop .progressbar:active:insensitive, GtkProgressBar:backdrop progress:active:insensitive, + .progressbar:backdrop progress:active:insensitive, .scale .highlight:active:backdrop:insensitive { + background-color: transparent; + border-color: transparent; } + .list-row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar .list-row:selected .progressbar:insensitive, + .list-row:selected .progressbar .progressbar:insensitive, + .progressbar .list-row:selected .progressbar:insensitive, .list-row:selected .scale .highlight:insensitive, .scale .list-row:selected .highlight:insensitive, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, + .list-row:selected .progressbar .progressbar, + .progressbar .list-row:selected .progressbar, .list-row:selected .scale .highlight, .scale .list-row:selected .highlight { + border-color: #304f5d; } + row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar row:selected .progressbar:insensitive, + row:selected .progressbar .progressbar:insensitive, + .progressbar row:selected .progressbar:insensitive, row:selected .scale .highlight:insensitive, .scale row:selected .highlight:insensitive, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + row:selected .progressbar .progressbar, + .progressbar row:selected .progressbar, row:selected .scale .highlight, .scale row:selected .highlight { + border-color: #304f5d; } + .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, + .osd .progressbar .progressbar, + .progressbar .osd .progressbar, .osd .scale .highlight, .scale .osd .highlight { + border-color: rgba(0, 0, 0, 0.7); } + .osd GtkProgressBar .progressbar:insensitive, GtkProgressBar .osd .progressbar:insensitive, + .osd .progressbar .progressbar:insensitive, + .progressbar .osd .progressbar:insensitive, .osd .scale .highlight:insensitive, .scale .osd .highlight:insensitive { + border-color: transparent; } + +.scale { + -GtkScale-slider-length: 16px; + -GtkRange-slider-width: 16px; + -GtkRange-trough-border: 0px; + padding: 8px; } + .scale .highlight { + margin: -1px; } + .scale .slider { + margin: 2px; + background-color: #636E73; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + .scale .slider:active { + box-shadow: 0 1px 1px 0 rgba(66, 107, 126, 0.5); + border: 1px solid #426b7e; } + .scale .slider:active:insensitive { + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); } + .scale .slider:insensitive { + box-shadow: none; } + .list-row:selected .scale .slider, .list-row:selected .scale .slider:insensitive { + border-color: #304f5d; } + row:selected .scale .slider, row:selected .scale .slider:insensitive { + border-color: #304f5d; } + .osd .scale .slider { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #202526; } + .osd .scale .slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .scale .slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .scale .slider:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd .scale .slider:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .scale .trough { + border-radius: 2px; + margin: 6px; + outline-offset: 2px; + outline-radius: 5px; } + .scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; } + .scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; } + .scale.fine-tune .slider { + background-color: #636E73; + border-color: #636E73; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + box-shadow: none; } + .scale.fine-tune .trough { + border-radius: 6px; + outline-offset: 2px; + outline-radius: 5px; + margin: 2px; } + .scale fill { + border-radius: 2px; } + .scale fill, .scale fill:backdrop { + background-color: #373e41; + box-shadow: none; } + .scale fill:insensitive, .scale fill:insensitive:backdrop { + border-color: transparent; + background-color: transparent; } + .osd .scale fill { + background-color: rgba(62, 64, 65, 0.775); } + .osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop { + border-color: transparent; + background-color: transparent; } + .scale value { + color: alpha(currentColor,0.4); } + .scale marks { + color: alpha(currentColor,0.4); } + .scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + .scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + .scale marks.top { + margin-right: 6px; + margin-left: -12px; } + .scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + .scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + .scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + .scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + .scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + +/************** + * Scrollbars * + **************/ +.scrollbar { + background-color: #596368; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top { + border-bottom: 1px solid #373e41; } + .scrollbar.bottom { + border-top: 1px solid #373e41; } + .scrollbar.left { + border-right: 1px solid #373e41; } + .scrollbar.right { + border-left: 1px solid #373e41; } + .scrollbar:backdrop { + background-color: #485054; + border-color: #394144; + transition: 200ms ease-out; } + .scrollbar .slider { + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #80888b; } + .scrollbar .slider:hover { + background-color: #91989b; } + .scrollbar .slider:hover:active { + background-color: #54879f; } + .scrollbar .slider:backdrop { + background-color: #5f686c; } + .scrollbar .slider:insensitive { + background-color: transparent; } + .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) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + margin: 0; + background-color: #A1A8AB; + border: 1px solid black; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: #A1A8AB; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { + margin: 2px 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button { + margin: 2px 1px; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar .button { + padding: 0; + border-style: none; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #80888b; } + .scrollbar .button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #91989b; } + .scrollbar .button:active, .scrollbar .button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #54879f; } + .scrollbar .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(128, 136, 139, 0.2); } + .scrollbar .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #5f686c; } + .scrollbar .button:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(95, 104, 108, 0.2); } + .scrollbar.vertical .button.down, + .scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .scrollbar.vertical .button.up, + .scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .scrollbar.horizontal .button.down, + .scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + .scrollbar.horizontal .button.up, + .scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +GtkTreeView ~ .scrollbar.vertical { + border-top: 1px solid #373e41; + margin-top: -1px; } + +/********************** + * Overlay Scrollbars * + *********************/ +OsThumb, +OsScrollbar { + color: #426b7e; } + OsThumb:active, OsThumb:selected, + OsScrollbar:active, + OsScrollbar:selected { + background-color: #426b7e; } + OsThumb:backdrop, OsThumb:active:backdrop, + OsScrollbar:backdrop, + OsScrollbar:active:backdrop { + background-color: #788084; } + OsThumb:insensitive, + OsScrollbar:insensitive { + background-color: #788084; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + padding: 0; + border-style: solid; + background-color: #4F585C; } + .sidebar.left { + border-right: 1px solid #373e41; + border-left-style: none; } + .sidebar.right { + border-left: 1px solid #373e41; + border-right-style: none; } + .sidebar:backdrop { + background-color: #5a6569; + border-color: #394144; + transition: 200ms ease-out; } + .sidebar .frame { + border-width: 0; + border-left-width: 1px; + border-right-width: 1px; } + .sidebar .sidebar-item, + .sidebar .sidebar-row { + padding: 5px 8px; } + .sidebar .sidebar-item GtkImage, + .sidebar .sidebar-row GtkImage { + padding-right: 6px; + padding-left: 6px; } + .sidebar .sidebar-item:selected, .sidebar .sidebar-item:active, + .sidebar .sidebar-row:selected, + .sidebar .sidebar-row:active { + background-color: #426b7e; + color: #ffffff; } + .sidebar .sidebar-item:selected:hover, .sidebar .sidebar-item:active:hover, + .sidebar .sidebar-row:selected:hover, + .sidebar .sidebar-row:active:hover { + background-color: #426b7e; + color: #ffffff; + box-shadow: none; } + .sidebar .sidebar-item:selected:backdrop, .sidebar .sidebar-item:active:backdrop, + .sidebar .sidebar-row:selected:backdrop, + .sidebar .sidebar-row:active:backdrop { + background-color: #719fb5; } + .sidebar .sidebar-item:hover, + .sidebar .sidebar-row:hover { + background-color: #636E73; + color: #A1A8AB; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } + .sidebar .sidebar-item:hover:backdrop, + .sidebar .sidebar-row:hover:backdrop { + box-shadow: none; } + .sidebar .separator { + color: #373e41; } + .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar { + border-style: none; } + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton:not(.vertical) .entry { + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } +.spinbutton:not(.vertical) .button { + margin: 0; + padding: 6px; + color: #9ba2a5; + background-image: none; + border-style: none none none solid; + border-color: rgba(55, 62, 65, 0.3); + border-radius: 0; + box-shadow: none; } + .spinbutton:not(.vertical) .button:dir(rtl) { + border-style: none solid none none; } + .spinbutton:not(.vertical) .button:hover { + color: #A1A8AB; + background-color: rgba(161, 168, 171, 0.05); } + .spinbutton:not(.vertical) .button:insensitive { + color: rgba(120, 128, 132, 0.3); } + .spinbutton:not(.vertical) .button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .spinbutton:not(.vertical) .button:backdrop { + color: #767f83; + background-color: transparent; + border-color: rgba(57, 65, 68, 0.3); + transition: 200ms ease-out; } + .spinbutton:not(.vertical) .button:backdrop:insensitive { + color: rgba(114, 127, 133, 0.3); + background-image: none; + border-style: none none none solid; } + .spinbutton:not(.vertical) .button:backdrop:insensitive:dir(rtl) { + border-style: none solid none none; } +.osd .spinbutton:not(.vertical) .button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:dir(rtl) { + border-style: none solid none none; } + .osd .spinbutton:not(.vertical) .button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(161, 168, 171, 0.1); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #616769; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:last-child { + border-radius: 0 3px 3px 0; } + .osd .spinbutton:not(.vertical) .button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +.spinbutton.vertical:insensitive { + color: #788084; } +.spinbutton.vertical:backdrop:insensitive { + color: #727f85; } +.spinbutton.vertical .entry { + padding: 0; + border-radius: 0; } +.spinbutton.vertical .button { + padding: 0; + border: none; + background: none; + box-shadow: none; + color: #A1A8AB; } + .spinbutton.vertical .button:hover { + background-color: #426b7e; + color: #ffffff; + icon-shadow: none; } + .spinbutton.vertical .button:active { + background-color: transparent; + color: #A1A8AB; } +.spinbutton.vertical .button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +.spinbutton.vertical .button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd .spinbutton.vertical button:first-child { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd .spinbutton.vertical button:first-child:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +GtkTreeView .spinbutton:not(.vertical) { + border-style: none; + border-radius: 0; } + GtkTreeView .spinbutton:not(.vertical) .entry { + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +.menu.spinner, +menu spinner, +.primary-toolbar .spinner { + color: #426b7e; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active, .spinner:checked, + spinner:active, + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:insensitive, .spinner:active:insensitive, .spinner:checked:insensitive, .spinner:checked:insensitive, + spinner:active:insensitive, + spinner:active:insensitive, + spinner:checked:insensitive, + spinner:checked:insensitive { + opacity: 0.5; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); } + GtkSwitch:insensitive { + background-color: #576165; } + GtkSwitch:backdrop { + background-color: #4F585C; + transition: 200ms ease-out; } + GtkSwitch:backdrop:insensitive { + background-color: #576165; } + GtkSwitch:active, GtkSwitch:checked { + background-color: #426b7e; } + GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop { + background-color: #4b798f; } + GtkSwitch:active:backdrop .slider:backdrop, + GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop, + GtkSwitch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(99, 110, 115, 0.9); + border: none; } + GtkSwitch .slider { + padding: 2px; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #636E73; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + GtkSwitch .slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #636E73; } + GtkSwitch .trough:active, GtkSwitch .trough:checked { + background-color: #426b7e; } + GtkSwitch .trough:active:backdrop, GtkSwitch .trough:checked:backdrop { + background-color: #4b798f; } + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + .toolbar:backdrop, + toolbar:backdrop { + background-color: #2f3537; + color: rgba(255, 255, 255, 0.3); } + +.osd .toolbar, .osd +toolbar { + box-shadow: none; + background-color: transparent; } +.toolbar button, +.toolbar .button, +.toolbar .flat, +.toolbar .text-button, +.toolbar .image-button, +toolbar button, +toolbar .button, +toolbar .flat, +toolbar .text-button, +toolbar .image-button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.8); + border-radius: 0px; + padding: 10px; } + .toolbar button:focus, .toolbar button:active, + .toolbar .button:focus, + .toolbar .button:active, + .toolbar .flat:focus, + .toolbar .flat:active, + .toolbar .text-button:focus, + .toolbar .text-button:active, + .toolbar .image-button:focus, + .toolbar .image-button:active, + toolbar button:focus, + toolbar button:active, + toolbar .button:focus, + toolbar .button:active, + toolbar .flat:focus, + toolbar .flat:active, + toolbar .text-button:focus, + toolbar .text-button:active, + toolbar .image-button:focus, + toolbar .image-button:active { + color: rgba(255, 255, 255, 0.8); + text-shadow: none; + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); + background-color: rgba(255, 255, 255, 0.1); } + .toolbar button:focus:backdrop, .toolbar button:active:backdrop, + .toolbar .button:focus:backdrop, + .toolbar .button:active:backdrop, + .toolbar .flat:focus:backdrop, + .toolbar .flat:active:backdrop, + .toolbar .text-button:focus:backdrop, + .toolbar .text-button:active:backdrop, + .toolbar .image-button:focus:backdrop, + .toolbar .image-button:active:backdrop, + toolbar button:focus:backdrop, + toolbar button:active:backdrop, + toolbar .button:focus:backdrop, + toolbar .button:active:backdrop, + toolbar .flat:focus:backdrop, + toolbar .flat:active:backdrop, + toolbar .text-button:focus:backdrop, + toolbar .text-button:active:backdrop, + toolbar .image-button:focus:backdrop, + toolbar .image-button:active:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .toolbar button:hover, + .toolbar .button:hover, + .toolbar .flat:hover, + .toolbar .text-button:hover, + .toolbar .image-button:hover, + toolbar button:hover, + toolbar .button:hover, + toolbar .flat:hover, + toolbar .text-button:hover, + toolbar .image-button:hover { + background-color: rgba(255, 255, 255, 0.1); + text-shadow: none; + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } + .toolbar button:insensitive, + .toolbar .button:insensitive, + .toolbar .flat:insensitive, + .toolbar .text-button:insensitive, + .toolbar .image-button:insensitive, + toolbar button:insensitive, + toolbar .button:insensitive, + toolbar .flat:insensitive, + toolbar .text-button:insensitive, + toolbar .image-button:insensitive { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .toolbar button:backdrop, + .toolbar .button:backdrop, + .toolbar .flat:backdrop, + .toolbar .text-button:backdrop, + .toolbar .image-button:backdrop, + toolbar button:backdrop, + toolbar .button:backdrop, + toolbar .flat:backdrop, + toolbar .text-button:backdrop, + toolbar .image-button:backdrop { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } +.toolbar .separator, +toolbar .separator { + color: transparent; + background-color: transparent; } +.toolbar.osd, +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(32, 37, 38, 0.8); } + .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, + toolbar.osd.left, + toolbar.osd.right, + toolbar.osd.top, + toolbar.osd.bottom { + border-radius: 0; } +.toolbar.horizontal separator, +toolbar.horizontal separator { + margin: 0 7px 1px 6px; } +.toolbar.vertical separator, +toolbar.vertical separator { + margin: 6px 1px 7px 0; } + +/******************* + * Inline Toolbars * + *******************/ +searchbar, +.search-bar, .location-bar, +.inline-toolbar { + -GtkWidget-window-dragging: true; + background-color: #4a5357; + color: #A1A8AB; + border: 1px solid #373e41; + border-top-width: 0; + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); + padding: 0px; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop, + .inline-toolbar:backdrop { + background-color: #434b4e; } + searchbar button, + .search-bar button, .location-bar button, + searchbar .button, + .search-bar .button, + .location-bar .button, + searchbar .flat, + .search-bar .flat, + .location-bar .flat, + searchbar .text-button, + .search-bar .text-button, + .location-bar .text-button, + searchbar .image-button, + .search-bar .image-button, + .location-bar .image-button, + .inline-toolbar button, + .inline-toolbar .button, + .inline-toolbar .flat, + .inline-toolbar .text-button, + .inline-toolbar .image-button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #A1A8AB; + border-radius: 0px; + padding: 10px; } + searchbar button:focus, + .search-bar button:focus, .location-bar button:focus, searchbar button:active, + .search-bar button:active, .location-bar button:active, + searchbar .button:focus, + .search-bar .button:focus, + .location-bar .button:focus, + searchbar .button:active, + .search-bar .button:active, + .location-bar .button:active, + searchbar .flat:focus, + .search-bar .flat:focus, + .location-bar .flat:focus, + searchbar .flat:active, + .search-bar .flat:active, + .location-bar .flat:active, + searchbar .text-button:focus, + .search-bar .text-button:focus, + .location-bar .text-button:focus, + searchbar .text-button:active, + .search-bar .text-button:active, + .location-bar .text-button:active, + searchbar .image-button:focus, + .search-bar .image-button:focus, + .location-bar .image-button:focus, + searchbar .image-button:active, + .search-bar .image-button:active, + .location-bar .image-button:active, + .inline-toolbar button:focus, + .inline-toolbar button:active, + .inline-toolbar .button:focus, + .inline-toolbar .button:active, + .inline-toolbar .flat:focus, + .inline-toolbar .flat:active, + .inline-toolbar .text-button:focus, + .inline-toolbar .text-button:active, + .inline-toolbar .image-button:focus, + .inline-toolbar .image-button:active { + font: bold; + color: #A1A8AB; + text-shadow: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.05); } + searchbar button:focus:backdrop, + .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, + .search-bar button:active:backdrop, .location-bar button:active:backdrop, + searchbar .button:focus:backdrop, + .search-bar .button:focus:backdrop, + .location-bar .button:focus:backdrop, + searchbar .button:active:backdrop, + .search-bar .button:active:backdrop, + .location-bar .button:active:backdrop, + searchbar .flat:focus:backdrop, + .search-bar .flat:focus:backdrop, + .location-bar .flat:focus:backdrop, + searchbar .flat:active:backdrop, + .search-bar .flat:active:backdrop, + .location-bar .flat:active:backdrop, + searchbar .text-button:focus:backdrop, + .search-bar .text-button:focus:backdrop, + .location-bar .text-button:focus:backdrop, + searchbar .text-button:active:backdrop, + .search-bar .text-button:active:backdrop, + .location-bar .text-button:active:backdrop, + searchbar .image-button:focus:backdrop, + .search-bar .image-button:focus:backdrop, + .location-bar .image-button:focus:backdrop, + searchbar .image-button:active:backdrop, + .search-bar .image-button:active:backdrop, + .location-bar .image-button:active:backdrop, + .inline-toolbar button:focus:backdrop, + .inline-toolbar button:active:backdrop, + .inline-toolbar .button:focus:backdrop, + .inline-toolbar .button:active:backdrop, + .inline-toolbar .flat:focus:backdrop, + .inline-toolbar .flat:active:backdrop, + .inline-toolbar .text-button:focus:backdrop, + .inline-toolbar .text-button:active:backdrop, + .inline-toolbar .image-button:focus:backdrop, + .inline-toolbar .image-button:active:backdrop { + border: none; + background-color: transparent; + color: #788084; } + searchbar button:hover, + .search-bar button:hover, .location-bar button:hover, + searchbar .button:hover, + .search-bar .button:hover, + .location-bar .button:hover, + searchbar .flat:hover, + .search-bar .flat:hover, + .location-bar .flat:hover, + searchbar .text-button:hover, + .search-bar .text-button:hover, + .location-bar .text-button:hover, + searchbar .image-button:hover, + .search-bar .image-button:hover, + .location-bar .image-button:hover, + .inline-toolbar button:hover, + .inline-toolbar .button:hover, + .inline-toolbar .flat:hover, + .inline-toolbar .text-button:hover, + .inline-toolbar .image-button:hover { + background-color: rgba(0, 0, 0, 0.05); + text-shadow: none; + color: #A1A8AB; + box-shadow: none; } + searchbar button:insensitive, + .search-bar button:insensitive, .location-bar button:insensitive, + searchbar .button:insensitive, + .search-bar .button:insensitive, + .location-bar .button:insensitive, + searchbar .flat:insensitive, + .search-bar .flat:insensitive, + .location-bar .flat:insensitive, + searchbar .text-button:insensitive, + .search-bar .text-button:insensitive, + .location-bar .text-button:insensitive, + searchbar .image-button:insensitive, + .search-bar .image-button:insensitive, + .location-bar .image-button:insensitive, + .inline-toolbar button:insensitive, + .inline-toolbar .button:insensitive, + .inline-toolbar .flat:insensitive, + .inline-toolbar .text-button:insensitive, + .inline-toolbar .image-button:insensitive { + background: none; + background-color: transparent; + color: rgba(161, 168, 171, 0.5); } + searchbar button:backdrop, + .search-bar button:backdrop, .location-bar button:backdrop, + searchbar .button:backdrop, + .search-bar .button:backdrop, + .location-bar .button:backdrop, + searchbar .flat:backdrop, + .search-bar .flat:backdrop, + .location-bar .flat:backdrop, + searchbar .text-button:backdrop, + .search-bar .text-button:backdrop, + .location-bar .text-button:backdrop, + searchbar .image-button:backdrop, + .search-bar .image-button:backdrop, + .location-bar .image-button:backdrop, + .inline-toolbar button:backdrop, + .inline-toolbar .button:backdrop, + .inline-toolbar .flat:backdrop, + .inline-toolbar .text-button:backdrop, + .inline-toolbar .image-button:backdrop { + border: none; + background: none; + background-color: transparent; + color: #788084; } + searchbar .entry, + .search-bar .entry, .location-bar .entry, + searchbar entry, + .search-bar entry, + .location-bar entry, + .inline-toolbar .entry, + .inline-toolbar entry { + background: none; + color: #A1A8AB; + border-radius: 0px; + border: none; + box-shadow: none; } + searchbar .entry.image, + .search-bar .entry.image, .location-bar .entry.image, + searchbar entry.image, + .search-bar entry.image, + .location-bar entry.image, + .inline-toolbar .entry.image, + .inline-toolbar entry.image { + color: #A1A8AB; } + searchbar .entry.image.left, + .search-bar .entry.image.left, .location-bar .entry.image.left, + searchbar entry.image.left, + .search-bar entry.image.left, + .location-bar entry.image.left, + .inline-toolbar .entry.image.left, + .inline-toolbar entry.image.left { + padding-right: 6px; } + searchbar .entry:backdrop, + .search-bar .entry:backdrop, .location-bar .entry:backdrop, + searchbar entry:backdrop, + .search-bar entry:backdrop, + .location-bar entry:backdrop, + .inline-toolbar .entry:backdrop, + .inline-toolbar entry:backdrop { + color: #788084; } + searchbar .entry:selected, + .search-bar .entry:selected, .location-bar .entry:selected, + searchbar entry:selected, + .search-bar entry:selected, + .location-bar entry:selected, + .inline-toolbar .entry:selected, + .inline-toolbar entry:selected { + color: #636E73; + background-color: #426b7e; } + +searchbar, +.search-bar, .location-bar { + border-style: solid; + border-color: #373e41; + background-color: #485054; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop { + border-color: #394144; + background-color: #475054; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar, +.search-bar { + padding: 3px 0px; + border-width: 0; + border-radius: 0; } + +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +/************ + * Tooltips * + ************/ +.tooltip, +.overlay-bar { + margin: 4px; + border: none; + border-radius: 3px; + background-color: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + .tooltip.background, + .overlay-bar.background { + background-color: #636E73; + border: none; } + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #A1A8AB; } + .tooltip .csd, + .overlay-bar .csd { + border-radius: 5px; + box-shadow: none; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #828b8f; + border-top-color: #4F585C; } + GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; } + GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, + treeview.view:selected:backdrop, + treeview.view:selected { + border-left-color: #a1b5bf; + border-top-color: rgba(161, 168, 171, 0.1); } + GtkTreeView.view:insensitive, + treeview.view:insensitive { + color: #788084; } + GtkTreeView.view:insensitive:selected, + treeview.view:insensitive:selected { + color: #8ea6b2; } + GtkTreeView.view:insensitive:selected:backdrop, + treeview.view:insensitive:selected:backdrop { + color: rgba(90, 126, 142, 0.85); } + GtkTreeView.view:insensitive:backdrop, + treeview.view:insensitive:backdrop { + color: #727f85; } + GtkTreeView.view.separator, + treeview.view.separator { + color: #4F585C; } + GtkTreeView.view.separator:backdrop, + treeview.view.separator:backdrop { + color: rgba(79, 88, 92, 0.1); } + GtkTreeView.view:backdrop, + treeview.view:backdrop { + border-left-color: #646c70; + border-top: #4F585C; } + GtkTreeView.view.expander, + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8e979a; } + GtkTreeView.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover, + treeview.view.expander:hover { + color: #A1A8AB; } + GtkTreeView.view.expander:selected, + treeview.view.expander:selected { + color: #c6d3d8; } + GtkTreeView.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + GtkTreeView.view.expander:selected:backdrop, + treeview.view.expander:selected:backdrop { + color: rgba(149, 172, 182, 0.65); } + GtkTreeView.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:backdrop, + treeview.view.expander:backdrop { + color: #727c80; } + GtkTreeView.view.progressbar, + treeview.view.progressbar { + border: 1px solid #304f5d; + border-radius: 4px; + background-color: #426b7e; + background-image: linear-gradient(to bottom, #426b7e, #304f5d); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #636E73, #4b5458); } + GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + border-color: #657176; + background-color: #657176; } + GtkTreeView.view.progressbar:backdrop, + treeview.view.progressbar:backdrop { + border-color: #657176; + background-image: none; + box-shadow: none; } + GtkTreeView.view.trough, + treeview.view.trough { + background-color: rgba(161, 168, 171, 0.1); + border-radius: 4px; } + GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: #304f5d; + border-radius: 4px; } + GtkTreeView.view column-header .button, + GtkTreeView.view column-header button, + GtkTreeView.view header .button, + GtkTreeView.view header button, + treeview.view column-header .button, + treeview.view column-header button, + treeview.view header .button, + treeview.view header button { + color: #828b8f; + background-color: #636E73; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + GtkTreeView.view column-header .button:hover, + GtkTreeView.view column-header button:hover, + GtkTreeView.view header .button:hover, + GtkTreeView.view header button:hover, + treeview.view column-header .button:hover, + treeview.view column-header button:hover, + treeview.view header .button:hover, + treeview.view header button:hover { + color: #929a9d; + box-shadow: none; + transition: none; } + GtkTreeView.view column-header .button:active, + GtkTreeView.view column-header button:active, + GtkTreeView.view header .button:active, + GtkTreeView.view header button:active, + treeview.view column-header .button:active, + treeview.view column-header button:active, + treeview.view header .button:active, + treeview.view header button:active { + color: #A1A8AB; + transition: none; } + GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, + GtkTreeView.view header button:last-child:backdrop, + GtkTreeView.view header button:last-child, + treeview.view column-header button:last-child:backdrop, + treeview.view column-header button:last-child, + treeview.view header button:last-child:backdrop, + treeview.view header button:last-child { + border-right-style: none; } + GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, + GtkTreeView.view button.dnd:active, + GtkTreeView.view button.dnd:selected, + GtkTreeView.view button.dnd:hover, + GtkTreeView.view button.dnd, + GtkTreeView.view column-header.button.dnd:active, + GtkTreeView.view column-header.button.dnd:selected, + GtkTreeView.view column-header.button.dnd:hover, + GtkTreeView.view column-header.button.dnd, + GtkTreeView.view header.button.dnd:active, + GtkTreeView.view header.button.dnd:selected, + GtkTreeView.view header.button.dnd:hover, + GtkTreeView.view header.button.dnd, + treeview.view .button.dnd:active, + treeview.view .button.dnd:selected, + treeview.view .button.dnd:hover, + treeview.view .button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view column-header.button.dnd:active, + treeview.view column-header.button.dnd:selected, + treeview.view column-header.button.dnd:hover, + treeview.view column-header.button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: #426b7e; + color: #636E73; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #636E73; + text-shadow: none; } + +GtkTreeView.view column-header .button, +GtkTreeView.view column-header button, +GtkTreeView.view header .button, +GtkTreeView.view header button, +treeview.view column-header .button, +treeview.view column-header button, +treeview.view header .button, +treeview.view header button, GtkTreeView.view column-header .button:hover, +GtkTreeView.view column-header button:hover, +GtkTreeView.view header .button:hover, +GtkTreeView.view header button:hover, +treeview.view column-header .button:hover, +treeview.view column-header button:hover, +treeview.view header .button:hover, +treeview.view header button:hover, GtkTreeView.view column-header .button:active, +GtkTreeView.view column-header button:active, +GtkTreeView.view header .button:active, +GtkTreeView.view header button:active, +treeview.view column-header .button:active, +treeview.view column-header button:active, +treeview.view header .button:active, +treeview.view header button:active { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #4F585C; } + GtkTreeView.view column-header .button:insensitive, + GtkTreeView.view column-header button:insensitive, + GtkTreeView.view header .button:insensitive, + GtkTreeView.view header button:insensitive, + treeview.view column-header .button:insensitive, + treeview.view column-header button:insensitive, + treeview.view header .button:insensitive, + treeview.view header button:insensitive { + border-color: #4F585C; + background-image: none; } + GtkTreeView.view column-header .button:backdrop, + GtkTreeView.view column-header button:backdrop, + GtkTreeView.view header .button:backdrop, + GtkTreeView.view header button:backdrop, + treeview.view column-header .button:backdrop, + treeview.view column-header button:backdrop, + treeview.view header .button:backdrop, + treeview.view header button:backdrop { + border-color: #4F585C; + border-style: none solid solid none; + color: #646c70; + background-image: none; + background-color: #657176; } + GtkTreeView.view column-header .button:backdrop:insensitive, + GtkTreeView.view column-header button:backdrop:insensitive, + GtkTreeView.view header .button:backdrop:insensitive, + GtkTreeView.view header button:backdrop:insensitive, + treeview.view column-header .button:backdrop:insensitive, + treeview.view column-header button:backdrop:insensitive, + treeview.view header .button:backdrop:insensitive, + treeview.view header button:backdrop:insensitive { + border-color: #4F585C; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + border-radius: 4px; + border-width: 0px; + box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); + margin: 10px; } + .window-frame:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); + transition: 200ms ease-out; } + .fullscreen .window-frame, .tiled .window-frame { + border-radius: 0; } + .popup .window-frame { + box-shadow: none; } + .ssd .window-frame { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } + .csd.popup .window-frame { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + .solid-csd .window-frame { + border-radius: 0; + margin: 4px; + background-color: #4F585C; + border: 0px solid #394144; + box-shadow: none; } + +/********************** + * DE-Specific Styles * + **********************/ +/********** +* Budgie * +**********/ +.budgie-panel { + background-color: rgba(0, 0, 0, 0.8); + transition: 100ms ease-in; + font: bold; + color: white; } + .budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +.max-budgie-panel { + background-color: black; + transition: 100ms ease-in; + font: bold; + color: white; } + .max-budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +/* Top launchers */ +/* Left hand side launchers */ +/* Right hand side launchers */ +.notification .priority.low { + background-color: #2095f2; } + +.notification .priority.high { + background-color: #feea3a; } + +.notification .priority.critical { + background-color: #f34235; } + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; } + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; } + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; } + +SudokuView { + border: none; } + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: #636E73; } + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: #426b7e; + color: #ffffff; } + +/******** + * Misc * + *******/ +ApDocView, +EogScrollView, +CheeseThumbView { + -EogScrollView-shadow-type: none; } + +/************ + * Terminal * + ************/ +TerminalScreen, +VteTerminal { + background-color: rgba(0, 43, 54, 0.9); + color: #839495; } + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: #636E73; } + TerminalWindow .titlebar:backdrop, + TerminalWindow .header-bar:backdrop { + background-color: #4b5458; } + +/************ + * Nautilus * + ************/ +NautilusCanvasView { + border: none; } + NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { + border: none; } + +.nautilus-circular-button { + border-radius: 20px; + outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #A1A8AB; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #A1A8AB; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:prelight { + color: #A1A8AB; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #ffffff; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected, + .header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #ffffff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list .header-bar .subtitle:selected, + .header-bar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #ffffff; } + +/*********** + * Builder * + ***********/ +GbGreeterWindow .titlebar, +GbGreeterWindow .header-bar, +GbWorkbench .titlebar, +GbWorkbench .header-bar { + background-color: #CBBB2E; } + GbGreeterWindow .titlebar:backdrop, + GbGreeterWindow .header-bar:backdrop, + GbWorkbench .titlebar:backdrop, + GbWorkbench .header-bar:backdrop { + background-color: #a19525; } + +/************** + * Calculator * + **************/ +MathWindow { + background-color: #636E73; + border-radius: 0 0 4px 4px; } + MathWindow .titlebar, + MathWindow .header-bar, + MathWindow .toolbar { + background-color: #07ce8e; } + MathWindow .titlebar:backdrop, + MathWindow .header-bar:backdrop, + MathWindow .toolbar:backdrop { + background-color: #059d6c; } + MathWindow MathButtons GtkComboBox, + MathWindow MathButtons .button { + background-color: transparent; + background-image: none; + box-shadow: none; + border: none; + text-shadow: none; + color: #07ce8e; + font: bold; } + MathWindow MathButtons GtkComboBox:hover, + MathWindow MathButtons .button:hover { + background-image: none; + background-color: #636E73; + color: #07ce8e; } + MathWindow MathButtons GtkComboBox:backdrop, + MathWindow MathButtons .button:backdrop { + color: #059d6c; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action, + MathWindow MathButtons .button.text-button.suggested-action { + background-image: none; + box-shadow: none; + text-shadow: none; + background-color: #07ce8e; + color: #636E73; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, + MathWindow MathButtons .button.text-button.suggested-action:backdrop { + background-color: #059d6c; + color: rgba(99, 110, 115, 0.5); } + MathWindow MathDisplay { + padding: 4px; + background-color: #636E73; + border: 1px solid #373e41; } + +/************ + * Calendar * + ************/ +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: #75A3F6; } + GcalWindow .titlebar:backdrop, + GcalWindow .header-bar:backdrop { + background-color: #4583f3; } + +/********** + * Cheese * + **********/ +CheeseWindow .titlebar, +CheeseWindow .header-bar, +CheeseWindow .toolbar { + background-color: #ad7fa8; } + CheeseWindow .titlebar:backdrop, + CheeseWindow .header-bar:backdrop, + CheeseWindow .toolbar:backdrop { + background-color: #986192; } + +/************ + * Contacts * + ************/ +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: #2095F2; } + ContactsWindow .titlebar:backdrop, + ContactsWindow .header-bar:backdrop { + background-color: #0c7bd3; } + +/********** + * Clocks * + **********/ +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: #4BAE4F; } + ClocksWindow .titlebar:backdrop, + ClocksWindow .header-bar:backdrop { + background-color: #3c8a3f; } + +/********* + * Disks * + *********/ +GduWindow .titlebar, +GduWindow .header-bar { + background-color: #8561C5; } + GduWindow .titlebar:backdrop, + GduWindow .header-bar:backdrop { + background-color: #6a41b2; } + +/************** + * Disk Usage * + **************/ +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: #CC5E55; } + BaobabWindow .titlebar:backdrop, + BaobabWindow .header-bar:backdrop { + background-color: #b74137; } + +/************* + * Documents * + *************/ +#Documents .titlebar, +#Documents .header-bar { + background-color: #C2352A; } + #Documents .titlebar:backdrop, + #Documents .header-bar:backdrop { + background-color: #982a21; } + +/************ + * Epiphany * + ************/ +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: #6573C3; } + EphyWindow .titlebar:backdrop, + EphyWindow .header-bar:backdrop { + background-color: #4555b0; } + EphyWindow .titlebar .incognito-mode, + EphyWindow .header-bar .incognito-mode { + background-color: #3e4c9e; } + EphyWindow .titlebar .incognito-mode .button, + EphyWindow .header-bar .incognito-mode .button { + background-image: none; } + EphyWindow .titlebar .incognito-mode:backdrop, + EphyWindow .header-bar .incognito-mode:backdrop { + background-color: #2f3a79; } + +/********* + * Gedit * + *********/ +GeditWindow .titlebar, +GeditWindow .header-bar, +GeditWindow .gedit-headerbar-paned { + background-color: #DC4836; } + GeditWindow .titlebar:backdrop, + GeditWindow .header-bar:backdrop, + GeditWindow .gedit-headerbar-paned:backdrop { + background-color: #be3221; } + +/************** + * Log Viewer * + **************/ +GlWindow .titlebar, +GlWindow .header-bar, +GlWindow .toolbar, +LogviewWindow .titlebar, +LogviewWindow .header-bar, +LogviewWindow .toolbar { + background-color: #009587; } + GlWindow .titlebar:backdrop, + GlWindow .header-bar:backdrop, + GlWindow .toolbar:backdrop, + LogviewWindow .titlebar:backdrop, + LogviewWindow .header-bar:backdrop, + LogviewWindow .toolbar:backdrop { + background-color: #006259; } + +/********* + * Music * + *********/ +gnomemusic + window + Window .titlebar, +gnomemusic + window + Window .header-bar { + background-color: #fe9700; } + gnomemusic + window + Window .titlebar:backdrop, + gnomemusic + window + Window .header-bar:backdrop { + background-color: #cb7900; } + +/***************** + * Notes/Bijiben * + *****************/ +BjbMainToolbar .titlebar, +BjbMainToolbar .header-bar, +BjbWindowBase .titlebar, +BjbWindowBase .header-bar { + background-color: #ebdd4d; } + BjbMainToolbar .titlebar:backdrop, + BjbMainToolbar .header-bar:backdrop, + BjbWindowBase .titlebar:backdrop, + BjbWindowBase .header-bar:backdrop { + background-color: #e6d41f; } + +/********** + * Photos * + **********/ +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: #D30101; } + PhotosMainWindow .titlebar:backdrop, + PhotosMainWindow .header-bar:backdrop { + background-color: #a00101; } + +/********** + * Polari * + **********/ +.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, +.header-bar.polari-titlebar-left, +.header-bar.polari-titlebar-right { + background-color: #4BAE4F; } + .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, + .header-bar.polari-titlebar-left:backdrop, + .header-bar.polari-titlebar-right:backdrop { + background-color: #3c8a3f; } + +/******************* + * System Settings * + ******************/ +CcWindow .titlebar, +CcWindow .header-bar { + background-color: #5F7C8A; } + CcWindow .titlebar:backdrop, + CcWindow .header-bar:backdrop { + background-color: #4a616c; } + +CcShellNavBar { + padding: 0px; } + +/************ + * Software * + ************/ +#window_software .titlebar, +#window_software .header-bar { + background-color: #1A77C2; } + #window_software .titlebar:backdrop, + #window_software .header-bar:backdrop { + background-color: #145b95; } + +/****************** + * System Monitor * + ******************/ +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: #6fbe72; } + #gnome-system-monitor .titlebar:backdrop, + #gnome-system-monitor .header-bar:backdrop { + background-color: #4eac51; } + +/******** + * Yelp * + ********/ +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: #435ece; } + YelpWindow .titlebar:backdrop, + YelpWindow .header-bar:backdrop { + background-color: #2e47b0; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #636E73; + background-color: #636E73; } + .gala-notification .title, + .gala-notification .label { + color: #A1A8AB; } + +.gala-button { + padding: 3px; + color: #636E73; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(99, 110, 115, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #A1A8AB; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(66, 107, 126, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #A1A8AB; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(66, 107, 126, 0.3); + color: #ffffff; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #A1A8AB; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel .maximized { + background-color: #000; } + .panel .translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel .color-light .composited-indicator > revealer label, + .panel .color-light .composited-indicator > revealer image, + .panel .color-light .composited-indicator > GtkRevealer { + color: rgba(0, 0, 0, 0.35); + text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); + icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #636E73; + font-weight: bold; + text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); + icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } + +/************* + * AppCenter * + *************/ +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: #378BE6; } + AppCenterMainWindow .titlebar:backdrop, + AppCenterMainWindow .header-bar:backdrop { + background-color: #1a71d0; } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .titlebar, + PantheonCalculatorMainWindow .header-bar { + background-color: #07ce8e; } + PantheonCalculatorMainWindow .titlebar:backdrop, + PantheonCalculatorMainWindow .header-bar:backdrop { + background-color: #059d6c; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/******** + * Maya * + ********/ +MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { + background-color: #8CD33F; } + MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { + background-color: #72b52a; } + +/********* + * Cards * + *********/ +.deck { + background-color: #3c4346; } + +.card { + background-color: #636E73; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #576165; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .titlebar, + NoiseLibraryWindow .header-bar { + background-color: #EE6020; } + NoiseLibraryWindow .titlebar:backdrop, + NoiseLibraryWindow .header-bar:backdrop { + background-color: #cb4a10; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/*********** + * Scratch * + ***********/ +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: #e74c3c; } + ScratchMainWindow .titlebar:backdrop, + ScratchMainWindow .header-bar:backdrop { + background-color: #d62c1a; } + +/******** + * Snap * + ********/ +SnapMainWindow .titlebar, +SnapMainWindow .header-bar, +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: #6d266a; } + SnapMainWindow .titlebar:backdrop, + SnapMainWindow .header-bar:backdrop, + SnapSnapWindow .titlebar:backdrop, + SnapSnapWindow .header-bar:backdrop { + background-color: #471945; } +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .titlebar, +DirectWindow .header-bar, +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: #5544B5; } + DirectWindow .titlebar:backdrop, + DirectWindow .header-bar:backdrop, + LibraryWindow .titlebar:backdrop, + LibraryWindow .header-bar:backdrop { + background-color: #443690; } +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #4F585C; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #A1A8AB; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Backdrop Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +/* Backdrop Unity panel color */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #426b7e; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #636E73; + color: #dbdee0; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #636E73; + border-bottom-width: 0; + background-color: #636E73; + color: #dbdee0; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + background-color: #4b5458; + color: #c0c5c8; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #dbdee0; } + UnityDecoration .top .menuitem:backdrop { + background-color: #4b5458; + color: #c0c5c8; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #626c71; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #636E73, #626c71); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #626c71; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: #4b5458; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #343a3c; + color: #dbdee0; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: #1c1f21; + color: #c0c5c8; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #dbdee0; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #dbdee0; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #343a3c; + color: #dbdee0; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #788084; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #616b70; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + border: none; + color: #373e41; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #636E73; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #426b7e; } + +/*********************** + * App-Specific Styles * + ***********************/ +/******************* + * Archive Manager * + *******************/ +FrWindow .titlebar, +FrWindow .header-bar, +FrWindow .toolbar { + background-color: #A88A67; } + FrWindow .titlebar:backdrop, + FrWindow .header-bar:backdrop, + FrWindow .toolbar:backdrop { + background-color: #8c7050; } + +/********* + * Birdie * + *********/ +BirdieWidgetsUnifiedWindow .titlebar, +BirdieWidgetsUnifiedWindow .header-bar { + background-image: none; + background-color: #3998E7; } + BirdieWidgetsUnifiedWindow .titlebar:backdrop, + BirdieWidgetsUnifiedWindow .header-bar:backdrop { + background-image: none; + background-color: #1a7fd3; } +BirdieWidgetsUnifiedWindow .menu-button { + padding: 0px; + padding-left: 6px; + padding-right: 6px; } + +BirdieWidgetsTweetList * { + background-image: none; + background: none; } + +BirdieWidgetsUserbox { + background-color: rgba(57, 152, 231, 0.2); } + +BirdieWidgetsNotebook .header { + background-color: #636E73; } +BirdieWidgetsNotebook tab:active { + box-shadow: inset 0 -3px 0 0 #3998E7; } + +/********* + * Geary * + *********/ +.geary-titlebar-left, +.geary-titlebar-right { + background-color: #F2B035; } + .geary-titlebar-left:backdrop, + .geary-titlebar-right:backdrop { + background-color: #e59a0f; } + .geary-titlebar-left .separator, + .geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkWidget-focus-line-width: 1px; + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView GtkIconView:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected { + background-color: #426b7e; + color: #ffffff; } + ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop { + background-color: #4b798f; + color: rgba(255, 255, 255, 0.5); } + ConversationListView .view .cell, ConversationListView GtkIconView .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected { + color: #ffffff; + border: 0px solid #304f5d; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #23282a; + color: rgba(255, 255, 255, 0.8); + font: bold; + box-shadow: inset 0 -1px #131516; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: rgba(255, 255, 255, 0.8); + font: bold; } + #panel_window .menubar .menuitem:insensitive, + #panel_window menubar menuitem:insensitive { + color: rgba(255, 255, 255, 0.3); } + #panel_window .menubar .menuitem:insensitive GtkLabel, + #panel_window menubar menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:insensitive label, + #panel_window menubar menuitem:insensitive label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #A1A8AB; } + +#content_frame { + padding-bottom: 14px; + background-color: #4F585C; + 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: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + #content_frame button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + #content_frame button:active, #content_frame button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + #content_frame button:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + #content_frame button:insensitive GtkLabel, #content_frame button:insensitive { + color: #788084; } + #content_frame button:insensitive label, #content_frame button:insensitive { + color: #788084; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #3B4245; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + +#login_window #user_combobox { + color: #A1A8AB; + font: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +/********** + * Midori * + **********/ +MidoriBrowser .titlebar, +MidoriBrowser .header-bar, +MidoriBrowser .toolbar { + background-color: #7FC843; } + MidoriBrowser .titlebar:backdrop, + MidoriBrowser .header-bar:backdrop, + MidoriBrowser .toolbar:backdrop { + background-color: #66a731; } + +/********* + * Vocal * + *********/ +.titlebar.vocal-headerbar, +.header-bar.vocal-headerbar { + background-color: #9C69C6; } + .titlebar.vocal-headerbar:backdrop, + .header-bar.vocal-headerbar:backdrop { + background-color: #8345b7; } diff --git a/Paper/gtk-3.0/gtk-dark.scss b/Paper/gtk-3.18/gtk-dark.scss similarity index 100% rename from Paper/gtk-3.0/gtk-dark.scss rename to Paper/gtk-3.18/gtk-dark.scss diff --git a/Paper/gtk-3.18/gtk.css b/Paper/gtk-3.18/gtk.css new file mode 100644 index 0000000..a9f7bfa --- /dev/null +++ b/Paper/gtk-3.18/gtk.css @@ -0,0 +1,6067 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #666666; +/* text color for entries, views and content in general */ +@define-color theme_text_color #666666; +/* widget base background color */ +@define-color theme_bg_color #f7f7f7; +/* text widgets and the like base background color */ +@define-color theme_base_color #ffffff; +/* base background color of selections */ +@define-color theme_selected_bg_color #347D9F; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #fafafa; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #afafaf; +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #ffffff; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #afafaf; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #666666; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #f7f7f7; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #fcfcfc; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #347D9F; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* widgets main borders color */ +@define-color borders #d1d1d1; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #d5d5d5; +/* these are pretty self explicative */ +@define-color warning_color #feea3a; +@define-color error_color #f34235; +@define-color success_color #1ea362; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#666666, 1.8); +@define-color wm_unfocused_title #afafaf; +@define-color wm_highlight rgba(255, 255, 255, 0.2); +@define-color wm_borders_edge rgba(255, 255, 255, 0.2); +@define-color wm_bg_a shade(#f7f7f7, 1.2); +@define-color wm_bg_b #f7f7f7; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#f7f7f7, 1.3); +@define-color wm_button_hover_color_b #f7f7f7; +@define-color wm_button_active_color_a shade(#f7f7f7, 0.85); +@define-color wm_button_active_color_b shade(#f7f7f7, 0.89); +@define-color wm_button_active_color_c shade(#f7f7f7, 0.9); +@define-color content_view_bg #ffffff; +/********** + * Common * + **********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f34235; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkPaned-handle-size: 1; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #dedede; + border: solid #d1d1d1; + border-width: 1px 0 0 0; + color: #666666; + box-shadow: none; } + .action-bar:backdrop { + background-color: #dedede; + box-shadow: none; + -gtk-image-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + +/*************** + * Base States * + ***************/ +.background { + color: #666666; + background-color: #f7f7f7; } + .background:backdrop { + color: #afafaf; + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:insensitive { + -gtk-image-effect: dim; } + +.gtkstyle-fallback { + color: #666666; + background-color: #f7f7f7; } + .gtkstyle-fallback:hover { + color: #666666; + background-color: white; } + .gtkstyle-fallback:active { + color: #666666; + background-color: #dedede; } + .gtkstyle-fallback:insensitive { + color: #afafaf; + background-color: #fafafa; } + .gtkstyle-fallback:selected { + color: #ffffff; + background-color: #347D9F; } + +.view, GtkIconView, +GtkTextView GtkLabel { + color: #666666; + background-color: #ffffff; } + .view:backdrop, GtkIconView:backdrop, + GtkTextView GtkLabel:backdrop { + color: #848484; + background-color: #fcfcfc; } + .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, + GtkTextView GtkLabel:selected:focus, + GtkTextView GtkLabel:selected { + border-radius: 3px; } + +GtkTextView { + background-color: #fbfbfb; } + GtkTextView:backdrop { + background-color: #fafafa; } + GtkTextView.bottom { + background-size: 100% 1px; + background-position: top; } + GtkTextView.top { + background-size: 100% 1px; + background-position: bottom; } + GtkTextView.left { + background-size: 1px 100%; + background-position: right; } + GtkTextView.right { + background-size: 1px 100%; + background-position: left; } + +GtkIconView { + background-color: transparent; } + GtkIconView:backdrop { + background-color: transparent; } + +.rubberband, +GtkFlow rubberband, +GtkFlow GtkTreeView.view .rubberband, +GtkTreeView.view GtkFlow .rubberband, +GtkFlow GtkTreeView.view rubberband, +GtkTreeView.view GtkFlow rubberband, +GtkFlow treeview.view .rubberband, +treeview.view GtkFlow .rubberband, +GtkFlow treeview.view rubberband, +treeview.view GtkFlow rubberband { + border: 1px solid #275f79; + background-color: rgba(39, 95, 121, 0.2); } + +GtkFlow flowboxchild { + padding: 3px; + border-radius: 3px; } + GtkFlow flowboxchild:selected { + outline-offset: -2px; } + +GtkLabel.separator { + color: #666666; } + GtkLabel.separator:backdrop { + color: #afafaf; } +GtkLabel:selected { + background-color: #347D9F; + color: #ffffff; } +GtkLabel:insensitive { + color: #afafaf; } + GtkLabel:insensitive:backdrop { + color: #d1d1d1; } +GtkLabel:backdrop { + color: #afafaf; } + +.dim-label, GtkLabel.separator, .titlebar:not(headerbar) .subtitle, +.header-bar .subtitle { + opacity: 0.55; + text-shadow: none; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd GtkPopover.touch-selection, .csd GtkPopover.magnifier, GtkPopover.touch-selection, GtkPopover.magnifier, .csd +.popover.background.touch-selection, .csd +.popover.background.magnifier, +.popover.background.touch-selection, +.popover.background.magnifier, .csd GtkPopover.osd, GtkPopover.osd, .csd +.popover.background.osd, +.popover.background.osd, +.osd { + color: #A1A8AB; + border: none; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; + outline-color: rgba(161, 168, 171, 0.3); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, GtkPopover.touch-selection:backdrop, GtkPopover.magnifier:backdrop, + .popover.background.touch-selection:backdrop, + .popover.background.magnifier:backdrop, GtkPopover.osd:backdrop, + .popover.background.osd:backdrop, + .osd:backdrop { + text-shadow: none; + icon-shadow: none; } + +.view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, +GtkTextView GtkLabel:selected:focus, +GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, GtkPopover .check:selected, +GtkPopover .radio:selected, +.popover.background .check:selected, +.popover.background .radio:selected, +.menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), +.entry:selected:focus, +.entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #347D9F; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, + GtkTextView GtkLabel:selected:focus, + GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, GtkPopover .check:selected, + GtkPopover .radio:selected, + .popover.background .check:selected, + .popover.background .radio:selected, + .menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), + .entry:selected:focus, + .entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + .list-row:selected GtkLabel:insensitive, row:selected GtkLabel:insensitive, GtkLabel:insensitive:selected, GtkIconView:insensitive:selected:focus, .view:insensitive:selected, GtkIconView:insensitive:selected, + GtkTextView GtkLabel:insensitive:selected:focus, GtkTextView GtkLabel selection:insensitive, GtkFlow flowboxchild:insensitive:selected, GtkLabel:insensitive:selected, modelbutton.flat:insensitive:selected, GtkPopover .check:insensitive:selected, + GtkPopover .radio:insensitive:selected, + .popover.background .check:insensitive:selected, + .popover.background .radio:insensitive:selected, + .menuitem.button.flat:insensitive:selected, GtkCalendar:insensitive:selected, .spinbutton:insensitive:selected:not(.vertical), + .entry:insensitive:selected, .list-row:insensitive:selected { + color: #9abecf; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, GtkIconView:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + GtkTextView GtkLabel:backdrop:selected:focus, GtkTextView GtkLabel selection:backdrop, GtkFlow flowboxchild:backdrop:selected, GtkLabel:backdrop:selected, modelbutton.flat:backdrop:selected, GtkPopover .check:backdrop:selected, + GtkPopover .radio:backdrop:selected, + .popover.background .check:backdrop:selected, + .popover.background .radio:backdrop:selected, + .menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical), + .entry:backdrop:selected, .list-row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:insensitive, row:selected GtkLabel:backdrop:insensitive, GtkLabel:backdrop:insensitive:selected, .view:backdrop:insensitive:selected, GtkIconView:backdrop:insensitive:selected, GtkTextView GtkLabel selection:backdrop:insensitive, GtkFlow flowboxchild:backdrop:insensitive:selected, GtkLabel:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected, GtkPopover .check:backdrop:insensitive:selected, + GtkPopover .radio:backdrop:insensitive:selected, + .popover.background .check:backdrop:insensitive:selected, + .popover.background .radio:backdrop:insensitive:selected, + .menuitem.button.flat:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .spinbutton:backdrop:insensitive:selected:not(.vertical), + .entry:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected { + color: rgba(77, 141, 171, 0.85); } + +.monospace { + font: Monospace; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#347D9F), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#347D9F), to(transparent)); } } +.button { + padding: 4px 9px; + border: 1px solid #d1d1d1; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + transition: none; } + .button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + .button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + -gtk-image-effect: highlight; } + .button:active, + .button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); + transition-duration: 50ms; } + .button:backdrop.flat, + .button:backdrop { + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; + -gtk-image-effect: none; } + .button:backdrop.flat GtkLabel, + .button:backdrop.flat, + .button:backdrop GtkLabel, + .button:backdrop { + color: #afafaf; } + .button:backdrop.flat label, + .button:backdrop.flat, + .button:backdrop label, + .button:backdrop { + color: #afafaf; } + .button:backdrop.flat:active, + .button:backdrop.flat:checked, + .button:backdrop:active, + .button:backdrop:checked { + border-color: #d5d5d5; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button:backdrop.flat:active GtkLabel, + .button:backdrop.flat:active, + .button:backdrop.flat:checked GtkLabel, + .button:backdrop.flat:checked, + .button:backdrop:active GtkLabel, + .button:backdrop:active, + .button:backdrop:checked GtkLabel, + .button:backdrop:checked { + color: #afafaf; } + .button:backdrop.flat:active label, + .button:backdrop.flat:active, + .button:backdrop.flat:checked label, + .button:backdrop.flat:checked, + .button:backdrop:active label, + .button:backdrop:active, + .button:backdrop:checked label, + .button:backdrop:checked { + color: #afafaf; } + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive { + border-color: #d5d5d5; + background-image: none; + background-color: #fafafa; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button:backdrop.flat:insensitive GtkLabel, + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive GtkLabel, + .button:backdrop:insensitive { + color: #d1d1d1; } + .button:backdrop.flat:insensitive label, + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive label, + .button:backdrop:insensitive { + color: #d1d1d1; } + .button:backdrop.flat:insensitive:active, + .button:backdrop.flat:insensitive:checked, + .button:backdrop:insensitive:active, + .button:backdrop:insensitive:checked { + border-color: #d5d5d5; + background-image: none; + background-color: #ededed; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button:backdrop.flat:insensitive:active label, + .button:backdrop.flat:insensitive:checked label, + .button:backdrop:insensitive:active label, + .button:backdrop:insensitive:checked label { + color: #d1d1d1; } + .button.flat:backdrop, + .button.flat:insensitive, + .button.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .button:insensitive, + .button:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button:insensitive GtkLabel, + .button:insensitive, + .button:insensitive GtkLabel, + .button:insensitive { + color: #afafaf; } + .button:insensitive label, + .button:insensitive, + .button:insensitive label, + .button:insensitive { + color: #afafaf; } + .button:insensitive:active, + .button:insensitive:checked, + .button:insensitive:active, + .button:insensitive:checked { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button:insensitive:active GtkLabel, + .button:insensitive:active, + .button:insensitive:checked GtkLabel, + .button:insensitive:checked, + .button:insensitive:active GtkLabel, + .button:insensitive:active, + .button:insensitive:checked GtkLabel, + .button:insensitive:checked { + color: #afafaf; } + .button:insensitive:active label, + .button:insensitive:active, + .button:insensitive:checked label, + .button:insensitive:checked, + .button:insensitive:active label, + .button:insensitive:active, + .button:insensitive:checked label, + .button:insensitive:checked { + color: #afafaf; } + .button.image-button { + padding-left: 4px; + padding-right: 4px; } + .button.text-button { + padding-left: 16px; + padding-right: 16px; } + .button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + .button.text-button.image-button GtkLabel, + .button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } +row:selected +.button { + border-color: #275f79; } + row:selected + .button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected + .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #fcfcfc; } +.button.osd { + color: #A1A8AB; + border-radius: 5px; + outline-color: rgba(161, 168, 171, 0.3); + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:active, + .button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:insensitive:backdrop, + .button.osd:insensitive, + .button.osd:insensitive:backdrop, + .button.osd:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + border: none; } + .button.osd:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + border: none; } +.app-notification .button, .app-notification button, +.app-notification.frame .button, +.app-notification.frame button, .csd GtkPopover.touch-selection button, .csd GtkPopover.magnifier button, GtkPopover.touch-selection button, GtkPopover.magnifier button, .csd +.popover.background.touch-selection button, .csd +.popover.background.magnifier button, +.popover.background.touch-selection button, +.popover.background.magnifier button, .osd +.button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:hover, .app-notification button:hover, GtkPopover.touch-selection button:hover, GtkPopover.magnifier button:hover, + .popover.background.touch-selection button:hover, + .popover.background.magnifier button:hover, .osd + .button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:active:backdrop, .app-notification button:active:backdrop, GtkPopover.touch-selection button:active:backdrop, GtkPopover.magnifier button:active:backdrop, + .popover.background.touch-selection button:active:backdrop, + .popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, GtkPopover.touch-selection button:active, GtkPopover.magnifier button:active, + .popover.background.touch-selection button:active, + .popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, GtkPopover.touch-selection button:checked:backdrop, GtkPopover.magnifier button:checked:backdrop, + .popover.background.touch-selection button:checked:backdrop, + .popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, GtkPopover.touch-selection button:checked, GtkPopover.magnifier button:checked, + .popover.background.touch-selection button:checked, + .popover.background.magnifier button:checked, .osd + .button:active:backdrop, .osd + .button:active, .osd + .button:checked:backdrop, .osd + .button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, GtkPopover.touch-selection button:insensitive:backdrop, GtkPopover.magnifier button:insensitive:backdrop, + .popover.background.touch-selection button:insensitive:backdrop, + .popover.background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, GtkPopover.touch-selection button:insensitive, GtkPopover.magnifier button:insensitive, + .popover.background.touch-selection button:insensitive, + .popover.background.magnifier button:insensitive, .osd + .button:insensitive:backdrop, .osd + .button:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification .button:backdrop, .app-notification button:backdrop, GtkPopover.touch-selection button:backdrop, GtkPopover.magnifier button:backdrop, + .popover.background.touch-selection button:backdrop, + .popover.background.magnifier button:backdrop, .osd + .button:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification .flat.button, .app-notification button.flat, GtkPopover.touch-selection button.flat, GtkPopover.magnifier button.flat, + .popover.background.touch-selection button.flat, + .popover.background.magnifier button.flat, .osd + .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .app-notification .flat.button:hover, .app-notification button.flat:hover, GtkPopover.touch-selection button.flat:hover, GtkPopover.magnifier button.flat:hover, + .popover.background.touch-selection button.flat:hover, + .popover.background.magnifier button.flat:hover, .osd + .button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, GtkPopover.touch-selection button.flat:insensitive, GtkPopover.magnifier button.flat:insensitive, + .popover.background.touch-selection button.flat:insensitive, + .popover.background.magnifier button.flat:insensitive, .osd + .button.flat:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, GtkPopover.touch-selection button.flat:backdrop, GtkPopover.magnifier button.flat:backdrop, + .popover.background.touch-selection button.flat:backdrop, + .popover.background.magnifier button.flat:backdrop, .osd + .button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .app-notification .flat.button:active, .app-notification button.flat:active, GtkPopover.touch-selection button.flat:active, GtkPopover.magnifier button.flat:active, + .popover.background.touch-selection button.flat:active, + .popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, GtkPopover.touch-selection button.flat:checked, GtkPopover.magnifier button.flat:checked, + .popover.background.touch-selection button.flat:checked, + .popover.background.magnifier button.flat:checked, .osd + .button.flat:active, .osd + .button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } +.button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #15313f; + background-image: linear-gradient(to bottom, #347D9F, #2e6e8c); + text-shadow: 0 1px rgba(0, 0, 0, 0.66902); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.66902); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #347D9F; } + .button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #15313f; + background-image: linear-gradient(to bottom, #3c8fb6, #347D9F 60%, #2f7190); + text-shadow: 0 1px rgba(0, 0, 0, 0.62102); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.62102); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .button.suggested-action:active, + .button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #15313f; + background-image: linear-gradient(to bottom, #2b6884, #317797); + text-shadow: 0 1px rgba(0, 0, 0, 0.74902); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.74902); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop { + border-color: #347D9F; + background-image: linear-gradient(to bottom, #347D9F); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop GtkLabel, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop GtkLabel, + .button.suggested-action.flat:backdrop { + color: #d6e5ec; } + .button.suggested-action:backdrop label, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop label, + .button.suggested-action.flat:backdrop { + color: #d6e5ec; } + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked { + border-color: #275f79; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action:backdrop:active GtkLabel, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked GtkLabel, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active GtkLabel, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked GtkLabel, + .button.suggested-action.flat:backdrop:checked { + color: #d4dfe4; } + .button.suggested-action:backdrop:active label, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked label, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active label, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked label, + .button.suggested-action.flat:backdrop:checked { + color: #d4dfe4; } + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive { + border-color: #d5d5d5; + background-image: none; + background-color: #fafafa; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop:insensitive GtkLabel, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive GtkLabel, + .button.suggested-action.flat:backdrop:insensitive { + color: #d1d1d1; } + .button.suggested-action:backdrop:insensitive label, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive label, + .button.suggested-action.flat:backdrop:insensitive { + color: #d1d1d1; } + .button.suggested-action:backdrop:insensitive:active, + .button.suggested-action:backdrop:insensitive:checked, + .button.suggested-action.flat:backdrop:insensitive:active, + .button.suggested-action.flat:backdrop:insensitive:checked { + border-color: #4a839c; + background-image: none; + background-color: #4a839c; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action:backdrop:insensitive:active label, + .button.suggested-action:backdrop:insensitive:checked label, + .button.suggested-action.flat:backdrop:insensitive:active label, + .button.suggested-action.flat:backdrop:insensitive:checked label { + color: #89aebf; } + .button.suggested-action.flat:backdrop, + .button.suggested-action.flat:insensitive, + .button.suggested-action.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(52, 125, 159, 0.8); } + .button.suggested-action:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button.suggested-action:insensitive GtkLabel, + .button.suggested-action:insensitive { + color: #afafaf; } + .button.suggested-action:insensitive label, + .button.suggested-action:insensitive { + color: #afafaf; } + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked { + border-color: #15313f; + background-image: none; + background-color: #4a839c; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action:insensitive:active GtkLabel, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked GtkLabel, + .button.suggested-action:insensitive:checked { + color: #b7cdd7; } + .button.suggested-action:insensitive:active label, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked label, + .button.suggested-action:insensitive:checked { + color: #b7cdd7; } + .osd + .button.suggested-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:active:backdrop, .osd + .button.suggested-action:active, .osd + .button.suggested-action:checked:backdrop, .osd + .button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #347D9F); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:insensitive:backdrop, .osd + .button.suggested-action:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd + .button.suggested-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +.button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f34235, #f22b1d); + text-shadow: 0 1px rgba(0, 0, 0, 0.53569); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #f34235; } + .button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022); + text-shadow: 0 1px rgba(0, 0, 0, 0.48769); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + .button.destructive-action:active, + .button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f12213, #f2392b); + text-shadow: 0 1px rgba(0, 0, 0, 0.61569); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop { + border-color: #f34235; + background-image: linear-gradient(to bottom, #f34235); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop GtkLabel, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop GtkLabel, + .button.destructive-action.flat:backdrop { + color: #fdd9d7; } + .button.destructive-action:backdrop label, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop label, + .button.destructive-action.flat:backdrop { + color: #fdd9d7; } + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked { + border-color: #e71d0e; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action:backdrop:active GtkLabel, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked GtkLabel, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active GtkLabel, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked GtkLabel, + .button.destructive-action.flat:backdrop:checked { + color: #fad2cf; } + .button.destructive-action:backdrop:active label, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked label, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active label, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked label, + .button.destructive-action.flat:backdrop:checked { + color: #fad2cf; } + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive { + border-color: #d5d5d5; + background-image: none; + background-color: #fafafa; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop:insensitive GtkLabel, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive GtkLabel, + .button.destructive-action.flat:backdrop:insensitive { + color: #d1d1d1; } + .button.destructive-action:backdrop:insensitive label, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive label, + .button.destructive-action.flat:backdrop:insensitive { + color: #d1d1d1; } + .button.destructive-action:backdrop:insensitive:active, + .button.destructive-action:backdrop:insensitive:checked, + .button.destructive-action.flat:backdrop:insensitive:active, + .button.destructive-action.flat:backdrop:insensitive:checked { + border-color: #f4473b; + background-image: none; + background-color: #f4473b; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action:backdrop:insensitive:active label, + .button.destructive-action:backdrop:insensitive:checked label, + .button.destructive-action.flat:backdrop:insensitive:active label, + .button.destructive-action.flat:backdrop:insensitive:checked label { + color: #f88780; } + .button.destructive-action.flat:backdrop, + .button.destructive-action.flat:insensitive, + .button.destructive-action.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(243, 66, 53, 0.8); } + .button.destructive-action:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button.destructive-action:insensitive GtkLabel, + .button.destructive-action:insensitive { + color: #afafaf; } + .button.destructive-action:insensitive label, + .button.destructive-action:insensitive { + color: #afafaf; } + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked { + border-color: #9f1409; + background-image: none; + background-color: #f4473b; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action:insensitive:active GtkLabel, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked GtkLabel, + .button.destructive-action:insensitive:checked { + color: #fbb5b1; } + .button.destructive-action:insensitive:active label, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked label, + .button.destructive-action:insensitive:checked { + color: #fbb5b1; } + .osd + .button.destructive-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:active:backdrop, .osd + .button.destructive-action:active, .osd + .button.destructive-action:checked:backdrop, .osd + .button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #f34235); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:insensitive:backdrop, .osd + .button.destructive-action:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd + .button.destructive-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +.stack-switcher > +.button { + outline-offset: -3px; } + .stack-switcher > + .button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > + .button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > + .button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > + .button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > + .button.needs-attention:active > label, + .stack-switcher > + .button.needs-attention:active > image, .stack-switcher > + .button.needs-attention:checked > label, + .stack-switcher > + .button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar +.button, .inline-toolbar +.button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar +.button { + icon-shadow: none; } + +.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(#347D9F), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > + .button.needs-attention > label:backdrop, + .stack-switcher > + .button.needs-attention > image:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > + .button.needs-attention > label:dir(rtl), + .stack-switcher > + .button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; } + +.inline-toolbar toolbutton > button { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive { + color: #afafaf; } + .inline-toolbar toolbutton > button:insensitive label, .inline-toolbar toolbutton > button:insensitive { + color: #afafaf; } + .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:insensitive:active label, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked label, .inline-toolbar toolbutton > button:insensitive:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop { + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + border-color: #d5d5d5; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:insensitive { + border-color: #d5d5d5; + background-image: none; + background-color: #fafafa; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive { + color: #d1d1d1; } + .inline-toolbar toolbutton > button:backdrop:insensitive label, .inline-toolbar toolbutton > button:backdrop:insensitive { + color: #d1d1d1; } + .inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked { + border-color: #d5d5d5; + background-image: none; + background-color: #ededed; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:backdrop:insensitive:active label, .inline-toolbar toolbutton > button:backdrop:insensitive:checked label { + color: #d1d1d1; } + +toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar +.button, .inline-toolbar +.button:backdrop, .linked > +.button, .linked > +.button:hover, .linked > +.button:active, .linked > +.button:checked, .linked > +.button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), .linked:not(.vertical) > +.entry, .linked > GtkComboBox > box > button.combo:dir(ltr), .linked > GtkComboBox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar +.button:first-child, .linked > +.button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(rtl), .linked:not(.vertical) > GtkComboBox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +.entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar +.button:last-child, .linked > +.button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(ltr), .linked:not(.vertical) > GtkComboBox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +.entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar +.button:only-child, .linked > +.button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > GtkComboBox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +.entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > +.button, .linked.vertical > +.button:hover, .linked.vertical > +.button:active, .linked.vertical > +.button:checked, .linked.vertical > +.button:backdrop, .linked.vertical > .spinbutton:not(.vertical), .linked.vertical > +.entry, .linked.vertical > GtkComboBox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > +.button:first-child, .linked.vertical > GtkComboBox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), .linked.vertical > +.entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > +.button:last-child, .linked.vertical > GtkComboBox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), .linked.vertical > +.entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > +.button:only-child, .linked.vertical > GtkComboBox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), .linked.vertical > +.entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, GtkPopover .check, +GtkPopover .radio, +.popover.background .check, +.popover.background .radio, +.menuitem.button.flat, modelbutton.flat:backdrop, GtkPopover .check:backdrop, +GtkPopover .radio:backdrop, modelbutton.flat:backdrop:hover, GtkPopover .check:backdrop:hover, +GtkPopover .radio:backdrop:hover, +.popover.background .check:backdrop:hover, +.popover.background .radio:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:insensitive, .button:link, +.button:visited, .button:link:hover, .button:link:active, .button:link:checked, +.button:visited:hover, +.button:visited:active, +.button:visited:checked, .scale-popup .button:hover, +.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive, .scale-popup .button:backdrop, +.scale-popup button:backdrop:hover, +.scale-popup button:backdrop:insensitive, +.scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, GtkPopover .check, +GtkPopover .radio, +.popover.background .check, +.popover.background .radio, +.menuitem.button.flat { + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, GtkPopover .check:hover, + GtkPopover .radio:hover, + .popover.background .check:hover, + .popover.background .radio:hover, + .menuitem.button.flat:hover { + background-color: white; } + modelbutton.flat check:last-child, GtkPopover .check check:last-child, + GtkPopover .radio check:last-child, + .popover.background .check check:last-child, + .popover.background .radio check:last-child, + modelbutton.flat radio:last-child, + GtkPopover .check radio:last-child, + GtkPopover .radio radio:last-child, + .popover.background .check radio:last-child, + .popover.background .radio radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, GtkPopover .check check:first-child, + GtkPopover .radio check:first-child, + .popover.background .check check:first-child, + .popover.background .radio check:first-child, + modelbutton.flat radio:first-child, + GtkPopover .check radio:first-child, + GtkPopover .radio radio:first-child, + .popover.background .check radio:first-child, + .popover.background .radio radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, GtkPopover .check arrow, +GtkPopover .radio arrow, +.popover.background .check arrow, +.popover.background .radio arrow { + background: none; } + modelbutton.flat arrow:hover, GtkPopover .check arrow:hover, + GtkPopover .radio arrow:hover, + .popover.background .check arrow:hover, + .popover.background .radio arrow:hover { + background: none; } + modelbutton.flat arrow.left, GtkPopover .check arrow.left, + GtkPopover .radio arrow.left, + .popover.background .check arrow.left, + .popover.background .radio arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, GtkPopover .check arrow.right, + GtkPopover .radio arrow.right, + .popover.background .check arrow.right, + .popover.background .radio arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child { + box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + button.color colorswatch:only-child:insensitive, button.color colorswatch:only-child:backdrop { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +GtkCalendar { + color: #666666; + border: 1px solid #d1d1d1; } + GtkCalendar:selected { + border-radius: 3px; } + GtkCalendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + GtkCalendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + GtkCalendar.button { + color: rgba(102, 102, 102, 0.45); } + GtkCalendar.button:hover { + color: #666666; } + GtkCalendar.button:backdrop { + color: rgba(175, 175, 175, 0.45); } + GtkCalendar.button:insensitive { + color: rgba(175, 175, 175, 0.45); } + GtkCalendar.highlight, GtkCalendar.highlight:backdrop { + font-size: smaller; + color: #666666; } + GtkCalendar:backdrop { + color: #848484; + border-color: #d5d5d5; } + +/************************* + * Check and Radio Items * + *************************/ +.check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + icon-shadow: none; } + +.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + icon-shadow: none; } + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + icon-shadow: none; } + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-backdrop.png"), url("../assets/checkbox-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-backdrop.png"), url("../assets/radio-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + icon-shadow: none; } + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + icon-shadow: none; } + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + icon-shadow: none; } + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + icon-shadow: none; } + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + icon-shadow: none; } + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + icon-shadow: none; } + +.radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + icon-shadow: none; } + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + icon-shadow: none; } + +.check:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop.png"), url("../assets/checkbox-mixed-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop.png"), url("../assets/radio-mixed-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); + icon-shadow: none; } + +.radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + icon-shadow: none; } + +.check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-hover.png"), url("../assets/selected-checkbox-unchecked-hover@2.png")); + icon-shadow: none; } + +.radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-hover.png"), url("../assets/selected-radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-active.png"), url("../assets/selected-checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-active.png"), url("../assets/selected-radio-unchecked-active@2.png")); + icon-shadow: none; } + +.check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop.png"), url("../assets/selected-checkbox-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop.png"), url("../assets/selected-radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.check:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive.png"), url("../assets/selected-checkbox-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.radio:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive.png"), url("../assets/selected-radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.check:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive-backdrop.png"), url("../assets/selected-checkbox-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive-backdrop.png"), url("../assets/selected-radio-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); + icon-shadow: none; } + +.radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + icon-shadow: none; } + +.check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-hover.png"), url("../assets/selected-checkbox-checked-hover@2.png")); + icon-shadow: none; } + +.radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-hover.png"), url("../assets/selected-radio-checked-hover@2.png")); + icon-shadow: none; } + +.check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-active.png"), url("../assets/selected-checkbox-checked-active@2.png")); + icon-shadow: none; } + +.radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-active.png"), url("../assets/selected-radio-checked-active@2.png")); + icon-shadow: none; } + +.check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-backdrop.png"), url("../assets/selected-checkbox-checked-backdrop@2.png")); + icon-shadow: none; } + +.radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-backdrop.png"), url("../assets/selected-radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive.png"), url("../assets/selected-checkbox-checked-insensitive@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive.png"), url("../assets/selected-radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-backdrop.png"), url("../assets/selected-checkbox-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-backdrop.png"), url("../assets/selected-radio-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + icon-shadow: none; } + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-hover.png"), url("../assets/selected-checkbox-mixed-hover@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-hover.png"), url("../assets/selected-radio-mixed-hover@2.png")); + icon-shadow: none; } + +.check:inconsistent:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-active.png"), url("../assets/selected-checkbox-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-active.png"), url("../assets/selected-radio-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-backdrop.png"), url("../assets/selected-checkbox-mixed-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-backdrop.png"), url("../assets/selected-radio-mixed-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive.png"), url("../assets/selected-checkbox-mixed-insensitive@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive.png"), url("../assets/selected-radio-mixed-insensitive@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-backdrop.png"), url("../assets/selected-checkbox-mixed-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-backdrop.png"), url("../assets/selected-radio-mixed-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check, GtkIconView.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + icon-shadow: none; } + +.view.content-view.radio, GtkIconView.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + icon-shadow: none; } + +.view.content-view.check:hover, GtkIconView.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.radio:hover, GtkIconView.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.check:active, GtkIconView.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.view.content-view.radio:active, GtkIconView.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive-backdrop.png"), url("../assets/checkbox-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive-backdrop.png"), url("../assets/radio-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check, GtkIconView.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + icon-shadow: none; } + +.view.content-view.radio, GtkIconView.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png")); + icon-shadow: none; } + +.view.content-view.check:hover, GtkIconView.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.radio:hover, GtkIconView.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.check:active, GtkIconView.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + icon-shadow: none; } + +.view.content-view.radio:active, GtkIconView.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check.text-button, .radio.text-button { + padding: 2px 0; + outline-offset: 0; } + .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child { + margin-left: 4px; } + .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +.check, +.radio { + margin: 0 4px; } + .menu .menuitem .check, .menu .menuitem + .radio { + margin: 0; } + +GtkTreeView.view check:selected:focus, GtkTreeView.view check:selected, +GtkTreeView.view radio:selected:focus, +GtkTreeView.view radio:selected { + color: #666666; + border-color: #275f79; } +GtkTreeView.view check:selected:insensitive, +GtkTreeView.view radio:selected:insensitive { + color: #afafaf; } + GtkTreeView.view check:selected:insensitive:backdrop, + GtkTreeView.view radio:selected:insensitive:backdrop { + color: #d1d1d1; } +GtkTreeView.view check:backdrop:selected, GtkTreeView.view check:backdrop, +GtkTreeView.view radio:backdrop:selected, +GtkTreeView.view radio:backdrop { + color: #afafaf; } + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + GtkColorSwatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +GtkColorSwatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + GtkColorSwatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +GtkColorSwatch.dark overlay { + color: #ffffff; } + GtkColorSwatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.8); } + GtkColorSwatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +GtkColorSwatch.light overlay { + color: #666666; } + GtkColorSwatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + GtkColorSwatch.light overlay:backdrop { + color: #848484; } +GtkColorSwatch overlay { + box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7); + border: 1px solid rgba(0, 0, 0, 0.3); } + GtkColorSwatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover { + border-color: rgba(0, 0, 0, 0.3); + box-shadow: none; } +GtkColorSwatch#add-color-button { + border-radius: 5px 5px 0 0; } + GtkColorSwatch#add-color-button:only-child { + border-radius: 5px; } + GtkColorSwatch#add-color-button overlay { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + GtkColorSwatch#add-color-button overlay:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + GtkColorSwatch#add-color-button overlay:backdrop { + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop { + color: #afafaf; } + GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop { + color: #afafaf; } +GtkColorSwatch:insensitive { + opacity: 0.5; } + GtkColorSwatch:insensitive overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected GtkColorSwatch { + box-shadow: 0 0 0 2px #ffffff; } +GtkColorSwatch#editor-color-sample { + border-radius: 4px; } + GtkColorSwatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/****************** + * Combobox Entry * + ******************/ +.combobox-entry .button { + box-shadow: none; } + .combobox-entry .button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry .button:last-child { + border-radius: 0 4px 4px 0; } +.combobox-entry .entry { + box-shadow: none; } + .combobox-entry .entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry .entry:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + +/*********** + * Dialogs * + ***********/ +GtkMessageDialog .header-bar, +GtkMessageDialog .titlebar, +.message-dialog .header-bar, +.message-dialog .titlebar { + background-image: none; + background-color: #f7f7f7; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + GtkMessageDialog .header-bar:backdrop, + GtkMessageDialog .titlebar:backdrop, + .message-dialog .header-bar:backdrop, + .message-dialog .titlebar:backdrop { + background-color: #f7f7f7; } + GtkMessageDialog .header-bar.default-decoration, + GtkMessageDialog .titlebar.default-decoration, + .message-dialog .header-bar.default-decoration, + .message-dialog .titlebar.default-decoration { + padding: 6px; + background-color: #f7f7f7; + color: #666666; } + GtkMessageDialog .header-bar.default-decoration:backdrop, + GtkMessageDialog .titlebar.default-decoration:backdrop, + .message-dialog .header-bar.default-decoration:backdrop, + .message-dialog .titlebar.default-decoration:backdrop { + background-color: #f7f7f7; + color: #afafaf; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton, + .message-dialog .header-bar.default-decoration .button.titlebutton, + .message-dialog .titlebar.default-decoration .button.titlebutton { + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton GtkImage { + color: #666666; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover, + .message-dialog .header-bar.default-decoration .button.titlebutton:hover, + .message-dialog .titlebar.default-decoration .button.titlebutton:hover { + background-color: #dedede; + color: gray; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:hover GtkImage { + color: gray; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop, + .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop, + .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop { + background-color: transparent; + color: #afafaf; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage { + color: #c9c9c9; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active, + .message-dialog .header-bar.default-decoration .button.titlebutton:active, + .message-dialog .titlebar.default-decoration .button.titlebutton:active { + background-color: #666666; + color: #f7f7f7; + border-radius: 50%; + box-shadow: none; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:active GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:active GtkImage { + color: white; } +GtkMessageDialog.csd, +.message-dialog.csd { + border: none; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } + GtkMessageDialog.csd.background, + .message-dialog.csd.background { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkMessageDialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .button { + padding: 10px 14px; + border-radius: 0; + background-image: none; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + GtkMessageDialog.csd .dialog-action-area .button:first-child, + .message-dialog.csd .dialog-action-area .button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + GtkMessageDialog.csd .dialog-action-area .button:last-child, + .message-dialog.csd .dialog-action-area .button:last-child { + border-bottom-right-radius: 4px; } + +GtkFileChooserDialog { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid #d1d1d1; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkFileChooserDialog .dialog-action-box:backdrop { + border-top-color: #d5d5d5; } + GtkFileChooserDialog #pathbarbox { + border-bottom: 1px solid #f7f7f7; } + +/**************** + * Text Entries * + ****************/ +.spinbutton:not(.vertical), +.entry { + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #666666; + border-color: #d1d1d1; + background-color: #ffffff; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } + .spinbutton:not(.vertical) GtkImage, + .entry GtkImage { + color: #858585; } + .spinbutton:not(.vertical) GtkImage:hover, + .entry GtkImage:hover { + color: #666666; } + .spinbutton:not(.vertical) GtkImage:active, + .entry GtkImage:active { + color: #347D9F; } + .spinbutton:not(.vertical) GtkImage:backdrop, + .entry GtkImage:backdrop { + color: #bebebe; } + .spinbutton:not(.vertical) GtkImage.left, + .entry GtkImage.left { + padding-left: 0; + padding-right: 6px; } + .spinbutton:not(.vertical) GtkImage.right, + .entry GtkImage.right { + padding-left: 6px; + padding-right: 0; } + .spinbutton:not(.vertical) .undershoot.left, + .entry .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; + box-shadow: none; } + .spinbutton:not(.vertical) .undershoot.right, + .entry .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; + box-shadow: none; } + .flat.spinbutton:focus:not(.vertical), .flat.spinbutton:not(.vertical), + .entry.flat:focus, + .entry.flat { + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + .spinbutton:focus:not(.vertical), + .entry:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #347D9F; } + .spinbutton:insensitive:not(.vertical), + .entry:insensitive { + color: #afafaf; + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + .spinbutton:backdrop:not(.vertical), + .entry:backdrop { + color: #848484; + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #fcfcfc); + box-shadow: none; + transition: 200ms ease-out; } + .spinbutton:backdrop:insensitive:not(.vertical), + .entry:backdrop:insensitive { + color: #d1d1d1; + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + .spinbutton:backdrop:insensitive:not(.vertical), + .entry:backdrop:insensitive { + color: #d1d1d1; + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + .error.spinbutton:not(.vertical), + .entry.error { + color: #f34235; + border-color: #f34235; } + .error.spinbutton:focus:not(.vertical), + .entry.error:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #f34235; } + .error.spinbutton:selected:focus:not(.vertical), .error.spinbutton:selected:not(.vertical), + .entry.error:selected:focus, + .entry.error:selected { + background-color: #f34235; } + .warning.spinbutton:not(.vertical), + .entry.warning { + color: #feea3a; + border-color: #feea3a; } + .warning.spinbutton:focus:not(.vertical), + .entry.warning:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #feea3a; } + .warning.spinbutton:selected:focus:not(.vertical), .warning.spinbutton:selected:not(.vertical), + .entry.warning:selected:focus, + .entry.warning:selected { + background-color: #feea3a; } +.spinbutton:not(.vertical) .progressbar, +.entry .progressbar { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #347D9F; + border-style: solid; + box-shadow: none; } + .spinbutton:not(.vertical) .progressbar:backdrop, + .entry .progressbar:backdrop { + background-color: transparent; } +.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +.entry:focus + .spinbutton:not(.vertical), .linked:not(.vertical) > +.entry:focus + button, .linked:not(.vertical) > +.entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + +.entry, .linked:not(.vertical) > +.entry:focus + +.entry { + border-left-color: #347D9F; } +.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive), .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):not(.vertical), .linked.vertical > +.entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical > +.entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical) { + border-top-color: #f1f1f1; + background-image: linear-gradient(to bottom, #ffffff); } + .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive):backdrop, .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):backdrop:not(.vertical), .linked.vertical > + .entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > + .entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical) { + border-top-color: #f0f0f0; + background-image: linear-gradient(to bottom, #fcfcfc); } +.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), .linked.vertical > +.entry:insensitive + .spinbutton:insensitive:not(.vertical) { + border-top-color: #f1f1f1; } +.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > +.entry + .spinbutton:focus:not(:only-child):not(.vertical) { + border-top-color: #347D9F; } +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button, +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + GtkComboBox > box > .button.combo, .linked.vertical > +.entry:focus:not(:only-child) + .spinbutton:not(.vertical), +.linked.vertical > +.entry:focus:not(:only-child) + .entry, +.linked.vertical > +.entry:focus:not(:only-child) + .button, +.linked.vertical > +.entry:focus:not(:only-child) + GtkComboBox > box > .button.combo { + border-top-color: #347D9F; } + +GtkTreeView .acceleditor > GtkLabel { + background-color: #347D9F; } + +GtkTreeView .entry.flat, GtkTreeView .entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus { + border-color: #347D9F; } + +/************* + * Expanders * + *************/ +expander .arrow { + -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: #b3b3b3; } + expander .arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #f7f7f7; + padding-top: 1px; + border-width: 1px; + border-style: solid solid none; + border-color: #d1d1d1; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; + border-top-right-radius: 4px; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; + border-top-left-radius: 4px; } + .floating-bar > .button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #f7f7f7; + border-color: #d5d5d5; } + +/********** + * Frames * + **********/ +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #d1d1d1; } + .frame.flat { + border-style: none; } + .frame:backdrop { + border-color: #d5d5d5; } + +GtkScrolledWindow GtkViewport.frame { + border-style: none; } +GtkScrolledWindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#b7b7b7), to(rgba(183, 183, 183, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#d5d5d5), to(rgba(213, 213, 213, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#b7b7b7), to(rgba(183, 183, 183, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d5d5d5), to(rgba(213, 213, 213, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#b7b7b7), to(rgba(183, 183, 183, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#d5d5d5), to(rgba(213, 213, 213, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#b7b7b7), to(rgba(183, 183, 183, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#d5d5d5), to(rgba(213, 213, 213, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow 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; + box-shadow: none; } +GtkScrolledWindow 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; + box-shadow: none; } +GtkScrolledWindow 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; + box-shadow: none; } +GtkScrolledWindow 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; + box-shadow: none; } +GtkScrolledWindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #d1d1d1 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #dadada; } + GtkScrolledWindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + GtkScrolledWindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #d5d5d5 1px, transparent 1px); + background-color: #efefef; + transition: 200ms ease-out; } + +.separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #ffffff; + background: #ffffff; + color: #666666; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #347D9F; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #ffffff; + border: 1px solid #ffffff; + color: #666666; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #ffffff; } + GraniteWidgetsWelcome GtkLabel { + color: #666666; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(102, 102, 102, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 4px; + -GtkTreeView-vertical-separator: 4px; + background-color: #f7f7f7; + border: solid #d1d1d1; + color: #666666; + border-right-width: 1px; } + .source-list .view, .source-list GtkIconView { + border-width: 0; + border-style: solid; + border-color: #d1d1d1; } + .source-list .category-expander { + border: none; + color: #666666; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #f7f7f7; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #eaeaea; } + .source-list .list-row { + border: none; + padding: 0; } + .source-list .list-row > GtkLabel { + padding-left: 6px; + padding-right: 6px; } + .source-list.sidebar { + border-width: 0; + border-style: solid; + border-color: #d1d1d1; } + .source-list.sidebar.left, .source-list.sidebar.right { + border-width: 0; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 9px; } + +.h4 { + font-weight: bold; + font-size: 9px; } + +.category-label { + font-size: 9px; + padding: 6px; + color: rgba(102, 102, 102, 0.9); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #feea3a; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #ffffff; } + .storage-bar .fill-block.app { + background-color: #2095f2; } + .storage-bar .fill-block.audio { + background-color: #fe9700; } + .storage-bar .fill-block.photo { + background-color: #f34235; } + .storage-bar .fill-block.video { + background-color: #9b26af; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header Bars * + ***************/ +.titlebar:not(headerbar), +.header-bar { + padding: 0 8px; + border: none; + border-radius: 4px 4px 0 0; + background-color: #636E73; + color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .titlebar:backdrop:not(headerbar), + .header-bar:backdrop { + background-color: #636E73; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + .header-bar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: #ffffff; } + .titlebar:not(headerbar) .title:backdrop, + .header-bar .title:backdrop { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .subtitle, + .header-bar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: #ffffff; } + .selection-mode.titlebar:not(headerbar), + .header-bar.selection-mode { + border-radius: 4px 4px 0 0; + color: #ffffff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #275f79; + background-color: #347D9F; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .selection-mode.titlebar:backdrop:not(headerbar), + .header-bar.selection-mode:backdrop { + background-color: #275f79; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + .header-bar.selection-mode .selection-menu:backdrop, + .header-bar.selection-mode .selection-menu { + border-color: rgba(52, 125, 159, 0); + background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + .header-bar.selection-mode .selection-menu:backdrop GtkArrow, + .header-bar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + .header-bar.selection-mode .selection-menu:backdrop .arrow, + .header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.5); + icon-shadow: none; } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled + .header-bar:backdrop, .tiled + .header-bar, .maximized + .header-bar:backdrop, .maximized + .header-bar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + .header-bar.default-decoration { + padding: 6px; + background-color: #636E73; + color: #ffffff; } + .default-decoration.titlebar:not(headerbar) .maximized, + .header-bar.default-decoration .maximized { + padding: 6px; } + .default-decoration.titlebar:backdrop:not(headerbar), + .header-bar.default-decoration:backdrop { + background-color: #576165; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .entry, + .header-bar .entry { + margin: 6px 0; + border-radius: 2px; + padding: 4px; + border: none; + box-shadow: none; + background: rgba(255, 255, 255, 0.95); + color: #666666; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) .entry > .image, + .header-bar .entry > .image { + padding-right: 6px; + color: rgba(102, 102, 102, 0.8); } + .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, + .header-bar .entry:active, + .header-bar .entry:focus { + background: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, + .header-bar .entry:active > .image, + .header-bar .entry:focus > .image { + padding-right: 6px; + color: #666666; } + .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, + .header-bar .entry:active:backdrop, + .header-bar .entry:focus:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:insensitive, + .header-bar .entry:insensitive { + background: rgba(255, 255, 255, 0.6); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:insensitive > .image, + .header-bar .entry:insensitive > .image { + padding-right: 6px; + color: rgba(102, 102, 102, 0.5); } + .titlebar:not(headerbar) .entry:insensitive:backdrop, + .header-bar .entry:insensitive:backdrop { + background: rgba(255, 255, 255, 0.5); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:backdrop, + .header-bar .entry:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:backdrop > .image, + .header-bar .entry:backdrop > .image { + color: rgba(102, 102, 102, 0.5); } + .titlebar:not(headerbar) .button, + .header-bar .button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; } + .titlebar:not(headerbar) .button.back-button, .titlebar:not(headerbar) .button.suggested-action, .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.linked, .titlebar:not(headerbar) .button.flat, + .header-bar .button.back-button, + .header-bar .button.suggested-action, + .header-bar .button.menu-button, + .header-bar .button.text-button, + .header-bar .button.image-button, + .header-bar .button.linked, + .header-bar .button.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; + color: #ffffff; } + .titlebar:not(headerbar) .button.back-button:backdrop, .titlebar:not(headerbar) .button.suggested-action:backdrop, .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.linked:backdrop, .titlebar:not(headerbar) .button.flat:backdrop, + .header-bar .button.back-button:backdrop, + .header-bar .button.suggested-action:backdrop, + .header-bar .button.menu-button:backdrop, + .header-bar .button.text-button:backdrop, + .header-bar .button.image-button:backdrop, + .header-bar .button.linked:backdrop, + .header-bar .button.flat:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button.back-button:hover, .titlebar:not(headerbar) .button.suggested-action:hover, .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.text-button:hover, .titlebar:not(headerbar) .button.image-button:hover, .titlebar:not(headerbar) .button.linked:hover, .titlebar:not(headerbar) .button.flat:hover, + .header-bar .button.back-button:hover, + .header-bar .button.suggested-action:hover, + .header-bar .button.menu-button:hover, + .header-bar .button.text-button:hover, + .header-bar .button.image-button:hover, + .header-bar .button.linked:hover, + .header-bar .button.flat:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button GtkImage, + .header-bar .button GtkImage { + color: #ffffff; } + .titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover, + .header-bar .button:focus, + .header-bar .button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button:backdrop, + .header-bar .button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button:backdrop GtkImage, + .header-bar .button:backdrop GtkImage { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, + .header-bar .button:active, + .header-bar .button:checked { + border-radius: 0px; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 -2px 0 0 #ffffff; + background-color: transparent; + background-image: none; + color: #ffffff; } + .titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop, + .header-bar .button:active:backdrop, + .header-bar .button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button:active:focus, .titlebar:not(headerbar) .button:active:hover, .titlebar:not(headerbar) .button:checked:focus, .titlebar:not(headerbar) .button:checked:hover, + .header-bar .button:active:focus, + .header-bar .button:active:hover, + .header-bar .button:checked:focus, + .header-bar .button:checked:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: inset 0 -2px 0 0 #ffffff; } + .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop, + .header-bar .button:insensitive, + .header-bar .button:insensitive:backdrop { + color: rgba(255, 255, 255, 0.5); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) .button:insensitive image, + .titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop image, + .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage, + .header-bar .button:insensitive image, + .header-bar .button:insensitive GtkImage, + .header-bar .button:insensitive:backdrop image, + .header-bar .button:insensitive:backdrop GtkImage { + -gtk-image-effect: dim; } + .titlebar:not(headerbar) .button.titlebutton, + .header-bar .button.titlebutton { + background-color: transparent; + background-image: none; + border-radius: 50%; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 1px; + text-shadow: none; + color: #ffffff; } + .titlebar:not(headerbar) .button.titlebutton:hover, + .header-bar .button.titlebutton:hover { + background-color: rgba(255, 255, 255, 0.1); + color: white; } + .titlebar:not(headerbar) .button.titlebutton:backdrop, + .header-bar .button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button.titlebutton:active, + .header-bar .button.titlebutton:active { + background-color: #ffffff; + color: #636E73; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) .button.titlebutton:active GtkImage, + .header-bar .button.titlebutton:active GtkImage { + color: #636E73; } + .titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child, + .header-bar .button.linked:first-child, + .header-bar .button.linked:last-child { + border-radius: 0; } + .titlebar:not(headerbar) .separator, + .header-bar .separator { + color: transparent; + background-color: transparent; } + +.titlebar, .titlebar:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop { + border-top-left-radius: 4px; } +.header-bar:last-child, .header-bar:last-child:backdrop { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: #636E73; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + window.csd > .titlebar:not(headerbar):backdrop { + background-color: #576165; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +GtkInfoBar, +infobar { + text-shadow: none; + color: #666666; + background-color: #f7f7f7; + border-bottom: 1px solid #dedede; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #ffffff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #ffffff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info .button, .warning .button, .question .button, .error .button, + .info button, + .warning button, + .question button, + .error button { + border-radius: 2px; + border: none; + background: rgba(255, 255, 255, 0.95); + color: #666666; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info .button .label, .warning .button .label, .question .button .label, .error .button .label, + .info button .label, + .warning button .label, + .question button .label, + .error button .label { + color: #666666; } + .info .button:active, .warning .button:active, .question .button:active, .error .button:active, + .info button:active, + .warning button:active, + .question button:active, + .error button:active { + background: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, + .info button:active:backdrop, + .warning button:active:backdrop, + .question button:active:backdrop, + .error button:active:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, + .info button:hover, + .warning button:hover, + .question button:hover, + .error button:hover, + .info button:focus, + .warning button:focus, + .question button:focus, + .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive, + .info button:insensitive, + .warning button:insensitive, + .question button:insensitive, + .error button:insensitive { + background: rgba(255, 255, 255, 0.6); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, + .info button:insensitive:backdrop, + .warning button:insensitive:backdrop, + .question button:insensitive:backdrop, + .error button:insensitive:backdrop { + background: rgba(255, 255, 255, 0.5); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, + .info button:backdrop, + .warning button:backdrop, + .question button:backdrop, + .error button:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + +.info { + background-color: #2095f2; } + .info:backdrop { + background-color: #50acf5; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #feea3a; } + .warning:backdrop { + background-color: #feef6d; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #1ea362; } + .question:backdrop { + background-color: #26ce7c; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #f34235; } + .error:backdrop { + background-color: #f66f65; + color: rgba(255, 255, 255, 0.5); } + +/************* + * Level Bar * + *************/ +GtkLevelBar, +.level-bar { + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; } + GtkLevelBar:backdrop, + .level-bar:backdrop { + transition: 200ms ease-out; } + GtkLevelBar .trough, + .level-bar .trough { + margin: 0; + padding: 2px; + border-radius: 3px; } + GtkLevelBar.horizontal.indicator-discrete.fill-block, + .level-bar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + GtkLevelBar.horizontal.discrete block, + .level-bar.horizontal.discrete block { + margin: 0 1px; } + GtkLevelBar.vertical.indicator-discrete.fill-block, + .level-bar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + GtkLevelBar.vertical.discrete block, + .level-bar.vertical.discrete block { + margin: 1px 0; } + GtkLevelBar.vertical .fill-block, + GtkLevelBar .level-bar.vertical .fill-block, + .level-bar.vertical GtkLevelBar .fill-block, + GtkLevelBar .fill-block, + .level-bar GtkLevelBar.vertical .fill-block, + GtkLevelBar.vertical .level-bar .fill-block, + .level-bar.vertical .fill-block, + .level-bar .fill-block { + border-radius: 2px; } + GtkLevelBar.vertical .low.fill-block, + GtkLevelBar .level-bar.vertical .low.fill-block, + .level-bar.vertical GtkLevelBar .low.fill-block, GtkLevelBar.vertical .level-low.fill-block, + GtkLevelBar .level-bar.vertical .level-low.fill-block, + .level-bar.vertical GtkLevelBar .level-low.fill-block, + GtkLevelBar .fill-block.low, + GtkLevelBar .fill-block.level-low, + .level-bar GtkLevelBar.vertical .low.fill-block, + GtkLevelBar.vertical .level-bar .low.fill-block, + .level-bar.vertical .low.fill-block, + .level-bar GtkLevelBar.vertical .level-low.fill-block, + GtkLevelBar.vertical .level-bar .level-low.fill-block, + .level-bar.vertical .level-low.fill-block, + .level-bar .fill-block.low, + .level-bar .fill-block.level-low { + border: 1px solid #fee507; + background-color: #feea3a; } + GtkLevelBar.vertical .low.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop, + GtkLevelBar .fill-block.low:backdrop, + GtkLevelBar .fill-block.level-low:backdrop, + .level-bar GtkLevelBar.vertical .low.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .low.fill-block:backdrop, + .level-bar.vertical .low.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop, + .level-bar.vertical .level-low.fill-block:backdrop, + .level-bar .fill-block.low:backdrop, + .level-bar .fill-block.level-low:backdrop { + border: 1px solid #feea3a; } + GtkLevelBar.vertical .high.fill-block, + GtkLevelBar .level-bar.vertical .high.fill-block, + .level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block, + GtkLevelBar .level-bar.vertical .level-high.fill-block, + .level-bar.vertical GtkLevelBar .level-high.fill-block, + GtkLevelBar .fill-block.high, + GtkLevelBar .fill-block.level-high, + .level-bar GtkLevelBar.vertical .high.fill-block, + GtkLevelBar.vertical .level-bar .high.fill-block, + .level-bar.vertical .high.fill-block, + .level-bar GtkLevelBar.vertical .level-high.fill-block, + GtkLevelBar.vertical .level-bar .level-high.fill-block, + .level-bar.vertical .level-high.fill-block, + .level-bar .fill-block.high, + .level-bar .fill-block.level-high { + border: 1px solid #275f79; + background-color: #347D9F; } + GtkLevelBar.vertical .high.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .high.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .high.fill-block:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop, + GtkLevelBar .fill-block.high:backdrop, + GtkLevelBar .fill-block.level-high:backdrop, + .level-bar GtkLevelBar.vertical .high.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .high.fill-block:backdrop, + .level-bar.vertical .high.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop, + .level-bar.vertical .level-high.fill-block:backdrop, + .level-bar .fill-block.high:backdrop, + .level-bar .fill-block.level-high:backdrop { + border: 1px solid #347D9F; } + GtkLevelBar.vertical .full.fill-block, + GtkLevelBar .level-bar.vertical .full.fill-block, + .level-bar.vertical GtkLevelBar .full.fill-block, GtkLevelBar.vertical .level-full.fill-block, + GtkLevelBar .level-bar.vertical .level-full.fill-block, + .level-bar.vertical GtkLevelBar .level-full.fill-block, + GtkLevelBar .fill-block.full, + GtkLevelBar .fill-block.level-full, + .level-bar GtkLevelBar.vertical .full.fill-block, + GtkLevelBar.vertical .level-bar .full.fill-block, + .level-bar.vertical .full.fill-block, + .level-bar GtkLevelBar.vertical .level-full.fill-block, + GtkLevelBar.vertical .level-bar .level-full.fill-block, + .level-bar.vertical .level-full.fill-block, + .level-bar .fill-block.full, + .level-bar .fill-block.level-full { + border: 1px solid #167848; + background-color: #1ea362; } + GtkLevelBar.vertical .full.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .full.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .full.fill-block:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop, + GtkLevelBar .fill-block.full:backdrop, + GtkLevelBar .fill-block.level-full:backdrop, + .level-bar GtkLevelBar.vertical .full.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .full.fill-block:backdrop, + .level-bar.vertical .full.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop, + .level-bar.vertical .level-full.fill-block:backdrop, + .level-bar .fill-block.full:backdrop, + .level-bar .fill-block.level-full:backdrop { + border: 1px solid #1ea362; } + GtkLevelBar.vertical .empty.fill-block, + GtkLevelBar .level-bar.vertical .empty.fill-block, + .level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block, + GtkLevelBar .level-bar.vertical .level-empty.fill-block, + .level-bar.vertical GtkLevelBar .level-empty.fill-block, + GtkLevelBar .fill-block.empty, + GtkLevelBar .fill-block.level-empty, + .level-bar GtkLevelBar.vertical .empty.fill-block, + GtkLevelBar.vertical .level-bar .empty.fill-block, + .level-bar.vertical .empty.fill-block, + .level-bar GtkLevelBar.vertical .level-empty.fill-block, + GtkLevelBar.vertical .level-bar .level-empty.fill-block, + .level-bar.vertical .level-empty.fill-block, + .level-bar .fill-block.empty, + .level-bar .fill-block.level-empty { + background-color: transparent; + border: 1px solid rgba(102, 102, 102, 0.2); + box-shadow: none; } + GtkLevelBar.vertical .empty.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop, + GtkLevelBar .fill-block.empty:backdrop, + GtkLevelBar .fill-block.level-empty:backdrop, + .level-bar GtkLevelBar.vertical .empty.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop, + .level-bar.vertical .empty.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop, + .level-bar.vertical .level-empty.fill-block:backdrop, + .level-bar .fill-block.empty:backdrop, + .level-bar .fill-block.level-empty:backdrop { + border-color: rgba(175, 175, 175, 0.15); } + GtkLevelBar.vertical, + .level-bar.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; } + +/********* + * Links * + *********/ +*:link, .button:link, +.button:visited { + color: blue; } + *:link:visited, + .button:visited { + color: rgba(0, 0, 255, 0.5); } + *:selected *:link:visited, + *:selected .button:visited { + color: #aecbd9; } + *:link:hover, .button:hover:link, + .button:hover:visited { + color: #3333ff; } + *:selected *:link:hover, *:selected .button:hover:link, + *:selected .button:hover:visited { + color: #ebf2f5; } + *:link:active, .button:active:link, + .button:active:visited { + color: blue; } + *:selected *:link:active, *:selected .button:active:link, + *:selected .button:active:visited { + color: #d6e5ec; } + *:link:backdrop:backdrop:hover, .button:backdrop:backdrop:hover:link, + .button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + .header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, .button:backdrop:backdrop:hover:selected:link, + .button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, .button:backdrop:link, + .button:backdrop:visited { + color: #347D9F; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + .header-bar.selection-mode .subtitle:link, .button:selected:link, + .button:selected:visited, *:selected *:link, *:selected .button:link, + *:selected .button:visited { + color: #d6e5ec; } + +.button:link, +.button:visited { + text-shadow: none; } + .button:link:hover, .button:link:active, .button:link:checked, + .button:visited:hover, + .button:visited:active, + .button:visited:checked { + text-shadow: none; } + .button:link > GtkLabel, + .button:visited > GtkLabel { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +.list { + color: #666666; + background-color: #ffffff; + border-color: #d1d1d1; } + .list:backdrop { + background-color: #fcfcfc; + border-color: #d5d5d5; } + +.list-row { + border-radius: 0; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .list-row GtkImage { + padding-right: 6px; } + .list-row:hover { + transition: none; } + .list-row:backdrop { + transition: 200ms ease-out; } + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #636E73; + color: #ffffff; } + .menubar:backdrop { + background-color: #576165; } + .menubar > .menuitem { + padding: 4px 8px; } + .menubar > .menuitem:hover { + box-shadow: inset 0 -3px #347D9F; + color: #ffffff; } + .menubar > .menuitem:insensitive { + color: #afafaf; + box-shadow: none; } + +.menu, +.popup { + padding: 4px 0px; + background-color: #ffffff; + border: 1px solid #d1d1d1; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + .csd .menu, .csd + .popup { + border: none; } + .menu:backdrop, + .popup:backdrop { + background-color: #fcfcfc; } + .menu .menuitem, + .popup .menuitem { + padding: 8px 4px; + text-shadow: none; } + .menu .menuitem:hover, + .popup .menuitem:hover { + color: #ffffff; + background-color: #347D9F; } + .menu .menuitem:insensitive, + .popup .menuitem:insensitive { + color: #afafaf; } + .menu .menuitem:insensitive:backdrop, + .popup .menuitem:insensitive:backdrop { + color: #d1d1d1; } + .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover, + .popup .menuitem:backdrop, + .popup .menuitem:backdrop:hover { + color: #afafaf; + background-color: transparent; } + .menu .menuitem .arrow:dir(ltr), + .popup .menuitem .arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + .menu .menuitem .arrow:dir(rtl), + .popup .menuitem .arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + .menu > .arrow, + .popup > .arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + padding: 4px; + background-color: #ffffff; + border-radius: 0; } + .menu > .arrow.top, + .popup > .arrow.top { + margin-top: -6px; + border-bottom: 1px solid #f0f0f0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .menu > .arrow.bottom, + .popup > .arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #f0f0f0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .menu > .arrow:hover, + .popup > .arrow:hover { + background-color: #f0f0f0; } + .menu > .arrow:backdrop, + .popup > .arrow:backdrop { + background-color: #fcfcfc; } + .menu > .arrow:insensitive, + .popup > .arrow:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent; } + +.menuitem .accelerator { + color: alpha(currentColor,0.55); } +.menuitem .check:dir(ltr), +.menuitem .radio:dir(ltr) { + margin-right: 7px; } +.menuitem .check:dir(rtl), +.menuitem .radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #e5e5e5; } + .content-view:hover { + -gtk-image-effect: highlight; } + .content-view:backdrop { + background-color: #e5e5e5; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup .button:hover, +.scale-popup button:hover { + background-color: rgba(102, 102, 102, 0.1); + border-radius: 5px; } + +.separator { + color: #d1d1d1; } + +/************ +* Assistant * +*************/ +GtkAssistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkAssistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #d1d1d1; + border-bottom-left-radius: 4px; } + GtkAssistant .sidebar:backdrop { + background-color: #fcfcfc; + border-color: #d5d5d5; } + GtkAssistant.csd .sidebar { + border-top-style: none; } + GtkAssistant .sidebar GtkLabel { + padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { + background-color: #dadada; } + +/************* + * Notebooks * + *************/ +.dynamic-notebook, +.notebook { + padding: 0; + background-color: #ffffff; + box-shadow: 0 0 0 1px #d1d1d1; + background-clip: border-box; } + .dynamic-notebook > .header, + .notebook > .header { + border: none; + box-shadow: none; + background-color: #f7f7f7; } + .dynamic-notebook > tab, + .notebook > tab { + border-radius: 0; + background-color: #f7f7f7; } + .dynamic-notebook > tab.top, + .notebook > tab.top { + padding: 6px 8px 8px 8px; + box-shadow: inset 0 -1px 0 0 #d1d1d1; } + .dynamic-notebook > tab.top:active, + .notebook > tab.top:active { + box-shadow: inset 0 -3px 0 0 #347D9F; } + .dynamic-notebook > tab.top:active:backdrop, + .notebook > tab.top:active:backdrop { + box-shadow: inset 0 -3px 0 0 #3a8cb2; } + .dynamic-notebook > tab.top:backdrop, + .notebook > tab.top:backdrop { + box-shadow: inset 0 -1px 0 0 #d5d5d5; } + .dynamic-notebook > tab.top:insensitive, + .notebook > tab.top:insensitive { + box-shadow: inset 0 -1px 0 0 #d1d1d1; } + .dynamic-notebook > tab.bottom, + .notebook > tab.bottom { + padding: 8px 8px 6px 8px; + box-shadow: inset 0 1px 0 0 #d1d1d1; } + .dynamic-notebook > tab.bottom:active, + .notebook > tab.bottom:active { + box-shadow: inset 0 3px 0 0 #347D9F; } + .dynamic-notebook > tab.bottom:active:backdrop, + .notebook > tab.bottom:active:backdrop { + box-shadow: inset 0 3px 0 0 #3a8cb2; } + .dynamic-notebook > tab.bottom:backdrop, + .notebook > tab.bottom:backdrop { + box-shadow: inset 0 1px 0 0 #d5d5d5; } + .dynamic-notebook > tab.bottom:insensitive, + .notebook > tab.bottom:insensitive { + box-shadow: inset 0 1px 0 0 #d1d1d1; } + .dynamic-notebook > tab.left, + .notebook > tab.left { + padding: 8px; + box-shadow: inset -1px 0 0 0 #d1d1d1; } + .dynamic-notebook > tab.left:active, + .notebook > tab.left:active { + box-shadow: inset -3px 0 0 0 #347D9F; } + .dynamic-notebook > tab.left:active:backdrop, + .notebook > tab.left:active:backdrop { + box-shadow: inset -3px 0 0 0 #3a8cb2; } + .dynamic-notebook > tab.left:backdrop, + .notebook > tab.left:backdrop { + box-shadow: inset -1px 0 0 0 #d5d5d5; } + .dynamic-notebook > tab.left:insensitive, + .notebook > tab.left:insensitive { + box-shadow: inset -1px 0 0 0 #d1d1d1; } + .dynamic-notebook > tab.right, + .notebook > tab.right { + padding: 8px; + box-shadow: inset 1px 0 0 0 #d1d1d1; } + .dynamic-notebook > tab.right:active, + .notebook > tab.right:active { + box-shadow: inset 3px 0 0 0 #347D9F; } + .dynamic-notebook > tab.right:active:backdrop, + .notebook > tab.right:active:backdrop { + box-shadow: inset 3px 0 0 0 #3a8cb2; } + .dynamic-notebook > tab.right:backdrop, + .notebook > tab.right:backdrop { + box-shadow: inset 1px 0 0 0 #d5d5d5; } + .dynamic-notebook > tab.right:insensitive, + .notebook > tab.right:insensitive { + box-shadow: inset 1px 0 0 0 #d1d1d1; } + .dynamic-notebook > tab:active, + .notebook > tab:active { + font-weight: bold; } + .dynamic-notebook > tab:hover, + .notebook > tab:hover { + background: #eaeaea; } + +/********* + * Paned * + *********/ +.paned { + border: solid #d1d1d1; + border-left-width: 1px; } + .paned > .separator { + -gtk-icon-source: none; + border-style: none; + background-color: #d1d1d1; + background-size: 1px 1px; } + .paned > .separator:selected { + background-color: #347D9F; } + .paned > .separator:backdrop { + background-color: #d5d5d5; } + .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; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.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: 8px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************ + * Popovers * + ************/ +GtkPopover, +.popover.background { + padding: 2px; + border-radius: 4px; + border: none; + background-color: #f7f7f7; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + .csd GtkPopover, GtkPopover, .csd + .popover.background, + .popover.background { + border: 1px solid #d1d1d1; } + GtkPopover:backdrop, + .popover.background:backdrop { + background-color: #f7f7f7; + box-shadow: none; } + GtkPopover > .view, GtkPopover > GtkIconView, + GtkPopover > .toolbar, + .popover.background > .view, + .popover.background > GtkIconView, + .popover.background > .toolbar { + border-style: none; + background-color: transparent; } + .csd GtkPopover.touch-selection, .csd GtkPopover.magnifier, GtkPopover.touch-selection, GtkPopover.magnifier, .csd + .popover.background.touch-selection, .csd + .popover.background.magnifier, + .popover.background.touch-selection, + .popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + GtkPopover .separator, + .popover.background .separator { + margin: 3px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar, +.progressbar { + font-size: smaller; + color: rgba(102, 102, 102, 0.4); } + GtkProgressBar.horizontal progress, + .progressbar.horizontal progress { + margin: 0 -1px; } + GtkProgressBar.vertical progress, + .progressbar.vertical progress { + margin: -1px 0; } + GtkProgressBar:active, + .progressbar:active { + border-radius: 0px; + color: rgba(0, 0, 0, 0.5); + background-color: #347D9F; + border-color: #275f79; } + GtkProgressBar:active:backdrop, + .progressbar:active:backdrop { + background-color: #449ac2; + border-color: #347d9f; } + GtkProgressBar:backdrop, + .progressbar:backdrop { + transition: 200ms ease-out; } + GtkProgressBar .progressbar, + .progressbar .progressbar { + border-radius: 0px; } + GtkProgressBar .progressbar.left, + .progressbar .progressbar.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar .progressbar.right, + .progressbar .progressbar.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + GtkProgressBar .progressbar.top, + .progressbar .progressbar.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; } + GtkProgressBar .progressbar.bottom, + .progressbar .progressbar.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar.osd, + .progressbar.osd { + background-color: transparent; } + GtkProgressBar.osd .trough, + .progressbar.osd .trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + GtkProgressBar.osd .progressbar, + .progressbar.osd .progressbar { + border-style: none; + border-radius: 0; } + GtkProgressBar row:selected, + GtkProgressBar .list-row:selected, + .progressbar row:selected, + .progressbar .list-row:selected { + border: 1px solid #275f79; + color: rgba(0, 0, 0, 0.5); + background-color: #347D9F; } + +/********** + * Scales * + **********/ +GtkLevelBar .trough, +.level-bar .trough, GtkLevelBar.horizontal .trough, GtkLevelBar.vertical .trough, +.level-bar.horizontal .trough, +.level-bar.vertical .trough, GtkProgressBar, +.progressbar, .scale .trough, .scale.fine-tune .trough, .scale fill { + border: none; + background-color: #ffffff; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.3); + padding: 0; + margin: 0; } + GtkLevelBar .trough:insensitive, + .level-bar .trough:insensitive, GtkProgressBar:insensitive, + .progressbar:insensitive, .scale .trough:insensitive, .scale fill:insensitive { + background-color: #fafafa; } + GtkLevelBar .trough:backdrop, + .level-bar .trough:backdrop, GtkProgressBar:backdrop, + .progressbar:backdrop, .scale .trough:backdrop, .scale fill:backdrop { + background-color: #fcfcfc; + transition: 200ms ease-out; } + GtkLevelBar .trough:backdrop:insensitive, + .level-bar .trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive, + .progressbar:backdrop:insensitive, .scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive { + background-color: #fafafa; } + row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, + row:selected .level-bar .trough, + .level-bar row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill { + box-shadow: none; } + row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, + row:selected .level-bar .trough, + .level-bar row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, row:selected GtkLevelBar .trough:insensitive, GtkLevelBar row:selected .trough:insensitive, + row:selected .level-bar .trough:insensitive, + .level-bar row:selected .trough:insensitive, row:selected GtkProgressBar:insensitive, + row:selected .progressbar:insensitive, row:selected .scale .trough:insensitive, .scale row:selected .trough:insensitive, row:selected .scale fill:insensitive, .scale row:selected fill:insensitive { + border-color: #275f79; } + .osd GtkLevelBar .trough, GtkLevelBar .osd .trough, + .osd .level-bar .trough, + .level-bar .osd .trough, .osd GtkProgressBar, + .osd .progressbar, .osd .scale .trough, .scale .osd .trough, .osd .scale fill, .scale .osd fill { + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + outline-color: rgba(161, 168, 171, 0.2); } + .osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive, + .osd .level-bar .trough:insensitive, + .level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive, + .osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive { + background-color: rgba(45, 50, 51, 0.5); } + +GtkProgressBar .progressbar, +.progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight { + border: 1px solid #275f79; + background-color: #347D9F; + box-shadow: 0px 1px rgba(255, 255, 255, 0.3); + border-radius: 4px; } + GtkProgressBar .progressbar:insensitive, + .progressbar .progressbar:insensitive, .scale .highlight:insensitive { + border: 1px solid #ababab; + background-color: #c4c4c4; } + GtkProgressBar .progressbar:backdrop, + .progressbar .progressbar:backdrop, GtkProgressBar:backdrop .progressbar, + .progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, + .progressbar:backdrop progress, .scale .highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + .progressbar .progressbar:active:backdrop, GtkProgressBar:backdrop .progressbar:active, + .progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, + .progressbar:backdrop progress:active, .scale .highlight:active:backdrop { + border-color: #347D9F; + background-color: #449ac2; } + GtkProgressBar .progressbar:backdrop:insensitive, + .progressbar .progressbar:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:insensitive, + .progressbar:backdrop .progressbar:insensitive, GtkProgressBar:backdrop progress:insensitive, + .progressbar:backdrop progress:insensitive, .scale .highlight:backdrop:insensitive, GtkProgressBar .progressbar:active:backdrop:insensitive, + .progressbar .progressbar:active:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:active:insensitive, + .progressbar:backdrop .progressbar:active:insensitive, GtkProgressBar:backdrop progress:active:insensitive, + .progressbar:backdrop progress:active:insensitive, .scale .highlight:active:backdrop:insensitive { + background-color: transparent; + border-color: transparent; } + .list-row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar .list-row:selected .progressbar:insensitive, + .list-row:selected .progressbar .progressbar:insensitive, + .progressbar .list-row:selected .progressbar:insensitive, .list-row:selected .scale .highlight:insensitive, .scale .list-row:selected .highlight:insensitive, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, + .list-row:selected .progressbar .progressbar, + .progressbar .list-row:selected .progressbar, .list-row:selected .scale .highlight, .scale .list-row:selected .highlight { + border-color: #275f79; } + row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar row:selected .progressbar:insensitive, + row:selected .progressbar .progressbar:insensitive, + .progressbar row:selected .progressbar:insensitive, row:selected .scale .highlight:insensitive, .scale row:selected .highlight:insensitive, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + row:selected .progressbar .progressbar, + .progressbar row:selected .progressbar, row:selected .scale .highlight, .scale row:selected .highlight { + border-color: #275f79; } + .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, + .osd .progressbar .progressbar, + .progressbar .osd .progressbar, .osd .scale .highlight, .scale .osd .highlight { + border-color: rgba(0, 0, 0, 0.7); } + .osd GtkProgressBar .progressbar:insensitive, GtkProgressBar .osd .progressbar:insensitive, + .osd .progressbar .progressbar:insensitive, + .progressbar .osd .progressbar:insensitive, .osd .scale .highlight:insensitive, .scale .osd .highlight:insensitive { + border-color: transparent; } + +.scale { + -GtkScale-slider-length: 16px; + -GtkRange-slider-width: 16px; + -GtkRange-trough-border: 0px; + padding: 8px; } + .scale .highlight { + margin: -1px; } + .scale .slider { + margin: 2px; + background-color: #ffffff; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + .scale .slider:active { + box-shadow: 0 1px 1px 0 rgba(52, 125, 159, 0.5); + border: 1px solid #347D9F; } + .scale .slider:active:insensitive { + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); } + .scale .slider:insensitive { + box-shadow: none; } + .list-row:selected .scale .slider, .list-row:selected .scale .slider:insensitive { + border-color: #275f79; } + row:selected .scale .slider, row:selected .scale .slider:insensitive { + border-color: #275f79; } + .osd .scale .slider { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #202526; } + .osd .scale .slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .scale .slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .scale .slider:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd .scale .slider:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .scale .trough { + border-radius: 2px; + margin: 6px; + outline-offset: 2px; + outline-radius: 5px; } + .scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; } + .scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; } + .scale.fine-tune .slider { + background-color: #ffffff; + border-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + box-shadow: none; } + .scale.fine-tune .trough { + border-radius: 6px; + outline-offset: 2px; + outline-radius: 5px; + margin: 2px; } + .scale fill { + border-radius: 2px; } + .scale fill, .scale fill:backdrop { + background-color: #d1d1d1; + box-shadow: none; } + .scale fill:insensitive, .scale fill:insensitive:backdrop { + border-color: transparent; + background-color: transparent; } + .osd .scale fill { + background-color: rgba(62, 64, 65, 0.775); } + .osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop { + border-color: transparent; + background-color: transparent; } + .scale value { + color: alpha(currentColor,0.4); } + .scale marks { + color: alpha(currentColor,0.4); } + .scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + .scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + .scale marks.top { + margin-right: 6px; + margin-left: -12px; } + .scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + .scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + .scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + .scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + .scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + +/************** + * Scrollbars * + **************/ +.scrollbar { + background-color: #dadada; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top { + border-bottom: 1px solid #d1d1d1; } + .scrollbar.bottom { + border-top: 1px solid #d1d1d1; } + .scrollbar.left { + border-right: 1px solid #d1d1d1; } + .scrollbar.right { + border-left: 1px solid #d1d1d1; } + .scrollbar:backdrop { + background-color: #efefef; + border-color: #d5d5d5; + transition: 200ms ease-out; } + .scrollbar .slider { + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a0a0a0; } + .scrollbar .slider:hover { + background-color: #838383; } + .scrollbar .slider:hover:active { + background-color: #275f79; } + .scrollbar .slider:backdrop { + background-color: #dadada; } + .scrollbar .slider:insensitive { + background-color: transparent; } + .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) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + margin: 0; + background-color: #666666; + border: 1px solid white; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: #666666; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid white; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { + margin: 2px 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button { + margin: 2px 1px; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar .button { + padding: 0; + border-style: none; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #a0a0a0; } + .scrollbar .button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #838383; } + .scrollbar .button:active, .scrollbar .button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #275f79; } + .scrollbar .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(160, 160, 160, 0.2); } + .scrollbar .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #dadada; } + .scrollbar .button:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(218, 218, 218, 0.2); } + .scrollbar.vertical .button.down, + .scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .scrollbar.vertical .button.up, + .scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .scrollbar.horizontal .button.down, + .scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + .scrollbar.horizontal .button.up, + .scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +GtkTreeView ~ .scrollbar.vertical { + border-top: 1px solid #d1d1d1; + margin-top: -1px; } + +/********************** + * Overlay Scrollbars * + *********************/ +OsThumb, +OsScrollbar { + color: #347D9F; } + OsThumb:active, OsThumb:selected, + OsScrollbar:active, + OsScrollbar:selected { + background-color: #347D9F; } + OsThumb:backdrop, OsThumb:active:backdrop, + OsScrollbar:backdrop, + OsScrollbar:active:backdrop { + background-color: #afafaf; } + OsThumb:insensitive, + OsScrollbar:insensitive { + background-color: #afafaf; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + padding: 0; + border-style: solid; + background-color: #f7f7f7; } + .sidebar.left { + border-right: 1px solid #d1d1d1; + border-left-style: none; } + .sidebar.right { + border-left: 1px solid #d1d1d1; + border-right-style: none; } + .sidebar:backdrop { + background-color: #fafafa; + border-color: #d5d5d5; + transition: 200ms ease-out; } + .sidebar .frame { + border-width: 0; + border-left-width: 1px; + border-right-width: 1px; } + .sidebar .sidebar-item, + .sidebar .sidebar-row { + padding: 5px 8px; } + .sidebar .sidebar-item GtkImage, + .sidebar .sidebar-row GtkImage { + padding-right: 6px; + padding-left: 6px; } + .sidebar .sidebar-item:selected, .sidebar .sidebar-item:active, + .sidebar .sidebar-row:selected, + .sidebar .sidebar-row:active { + background-color: #347D9F; + color: #ffffff; } + .sidebar .sidebar-item:selected:hover, .sidebar .sidebar-item:active:hover, + .sidebar .sidebar-row:selected:hover, + .sidebar .sidebar-row:active:hover { + background-color: #347D9F; + color: #ffffff; + box-shadow: none; } + .sidebar .sidebar-item:selected:backdrop, .sidebar .sidebar-item:active:backdrop, + .sidebar .sidebar-row:selected:backdrop, + .sidebar .sidebar-row:active:backdrop { + background-color: #6bafce; } + .sidebar .sidebar-item:hover, + .sidebar .sidebar-row:hover { + background-color: #ffffff; + color: #666666; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } + .sidebar .sidebar-item:hover:backdrop, + .sidebar .sidebar-row:hover:backdrop { + box-shadow: none; } + .sidebar .separator { + color: #d1d1d1; } + .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar { + border-style: none; } + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton:not(.vertical) .entry { + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } +.spinbutton:not(.vertical) .button { + margin: 0; + padding: 6px; + color: #757575; + background-image: none; + border-style: none none none solid; + border-color: rgba(209, 209, 209, 0.3); + border-radius: 0; + box-shadow: none; } + .spinbutton:not(.vertical) .button:dir(rtl) { + border-style: none solid none none; } + .spinbutton:not(.vertical) .button:hover { + color: #666666; + background-color: rgba(102, 102, 102, 0.05); } + .spinbutton:not(.vertical) .button:insensitive { + color: rgba(175, 175, 175, 0.3); } + .spinbutton:not(.vertical) .button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .spinbutton:not(.vertical) .button:backdrop { + color: #b7b7b7; + background-color: transparent; + border-color: rgba(213, 213, 213, 0.3); + transition: 200ms ease-out; } + .spinbutton:not(.vertical) .button:backdrop:insensitive { + color: rgba(209, 209, 209, 0.3); + background-image: none; + border-style: none none none solid; } + .spinbutton:not(.vertical) .button:backdrop:insensitive:dir(rtl) { + border-style: none solid none none; } +.osd .spinbutton:not(.vertical) .button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:dir(rtl) { + border-style: none solid none none; } + .osd .spinbutton:not(.vertical) .button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(161, 168, 171, 0.1); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #616769; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:last-child { + border-radius: 0 3px 3px 0; } + .osd .spinbutton:not(.vertical) .button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +.spinbutton.vertical:insensitive { + color: #afafaf; } +.spinbutton.vertical:backdrop:insensitive { + color: #d1d1d1; } +.spinbutton.vertical .entry { + padding: 0; + border-radius: 0; } +.spinbutton.vertical .button { + padding: 0; + border: none; + background: none; + box-shadow: none; + color: #666666; } + .spinbutton.vertical .button:hover { + background-color: #347D9F; + color: #ffffff; + icon-shadow: none; } + .spinbutton.vertical .button:active { + background-color: transparent; + color: #666666; } +.spinbutton.vertical .button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +.spinbutton.vertical .button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd .spinbutton.vertical button:first-child { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd .spinbutton.vertical button:first-child:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +GtkTreeView .spinbutton:not(.vertical) { + border-style: none; + border-radius: 0; } + GtkTreeView .spinbutton:not(.vertical) .entry { + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +.menu.spinner, +menu spinner, +.primary-toolbar .spinner { + color: #347D9F; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active, .spinner:checked, + spinner:active, + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:insensitive, .spinner:active:insensitive, .spinner:checked:insensitive, .spinner:checked:insensitive, + spinner:active:insensitive, + spinner:active:insensitive, + spinner:checked:insensitive, + spinner:checked:insensitive { + opacity: 0.5; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.3); } + GtkSwitch:insensitive { + background-color: #fafafa; } + GtkSwitch:backdrop { + background-color: #f7f7f7; + transition: 200ms ease-out; } + GtkSwitch:backdrop:insensitive { + background-color: #fafafa; } + GtkSwitch:active, GtkSwitch:checked { + background-color: #347D9F; } + GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop { + background-color: #3a8cb2; } + GtkSwitch:active:backdrop .slider:backdrop, + GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop, + GtkSwitch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.9); + border: none; } + GtkSwitch .slider { + padding: 2px; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #ffffff; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + GtkSwitch .slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #ffffff; } + GtkSwitch .trough:active, GtkSwitch .trough:checked { + background-color: #347D9F; } + GtkSwitch .trough:active:backdrop, GtkSwitch .trough:checked:backdrop { + background-color: #3a8cb2; } + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #636E73; + color: #ffffff; } + .toolbar:backdrop, + toolbar:backdrop { + background-color: #576165; + color: rgba(255, 255, 255, 0.5); } + +.osd .toolbar, .osd +toolbar { + box-shadow: none; + background-color: transparent; } +.toolbar button, +.toolbar .button, +.toolbar .flat, +.toolbar .text-button, +.toolbar .image-button, +toolbar button, +toolbar .button, +toolbar .flat, +toolbar .text-button, +toolbar .image-button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: #ffffff; + border-radius: 0px; + padding: 10px; } + .toolbar button:focus, .toolbar button:active, + .toolbar .button:focus, + .toolbar .button:active, + .toolbar .flat:focus, + .toolbar .flat:active, + .toolbar .text-button:focus, + .toolbar .text-button:active, + .toolbar .image-button:focus, + .toolbar .image-button:active, + toolbar button:focus, + toolbar button:active, + toolbar .button:focus, + toolbar .button:active, + toolbar .flat:focus, + toolbar .flat:active, + toolbar .text-button:focus, + toolbar .text-button:active, + toolbar .image-button:focus, + toolbar .image-button:active { + color: #ffffff; + text-shadow: none; + box-shadow: inset 0 -2px 0 0 #ffffff; + background-color: rgba(255, 255, 255, 0.1); } + .toolbar button:focus:backdrop, .toolbar button:active:backdrop, + .toolbar .button:focus:backdrop, + .toolbar .button:active:backdrop, + .toolbar .flat:focus:backdrop, + .toolbar .flat:active:backdrop, + .toolbar .text-button:focus:backdrop, + .toolbar .text-button:active:backdrop, + .toolbar .image-button:focus:backdrop, + .toolbar .image-button:active:backdrop, + toolbar button:focus:backdrop, + toolbar button:active:backdrop, + toolbar .button:focus:backdrop, + toolbar .button:active:backdrop, + toolbar .flat:focus:backdrop, + toolbar .flat:active:backdrop, + toolbar .text-button:focus:backdrop, + toolbar .text-button:active:backdrop, + toolbar .image-button:focus:backdrop, + toolbar .image-button:active:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .toolbar button:hover, + .toolbar .button:hover, + .toolbar .flat:hover, + .toolbar .text-button:hover, + .toolbar .image-button:hover, + toolbar button:hover, + toolbar .button:hover, + toolbar .flat:hover, + toolbar .text-button:hover, + toolbar .image-button:hover { + background-color: rgba(255, 255, 255, 0.1); + text-shadow: none; + color: #ffffff; + box-shadow: inset 0 -2px 0 0 #ffffff; } + .toolbar button:insensitive, + .toolbar .button:insensitive, + .toolbar .flat:insensitive, + .toolbar .text-button:insensitive, + .toolbar .image-button:insensitive, + toolbar button:insensitive, + toolbar .button:insensitive, + toolbar .flat:insensitive, + toolbar .text-button:insensitive, + toolbar .image-button:insensitive { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .toolbar button:backdrop, + .toolbar .button:backdrop, + .toolbar .flat:backdrop, + .toolbar .text-button:backdrop, + .toolbar .image-button:backdrop, + toolbar button:backdrop, + toolbar .button:backdrop, + toolbar .flat:backdrop, + toolbar .text-button:backdrop, + toolbar .image-button:backdrop { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } +.toolbar .separator, +toolbar .separator { + color: transparent; + background-color: transparent; } +.toolbar.osd, +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(32, 37, 38, 0.8); } + .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, + toolbar.osd.left, + toolbar.osd.right, + toolbar.osd.top, + toolbar.osd.bottom { + border-radius: 0; } +.toolbar.horizontal separator, +toolbar.horizontal separator { + margin: 0 7px 1px 6px; } +.toolbar.vertical separator, +toolbar.vertical separator { + margin: 6px 1px 7px 0; } + +/******************* + * Inline Toolbars * + *******************/ +searchbar, +.search-bar, .location-bar, +.inline-toolbar { + -GtkWidget-window-dragging: true; + background-color: #f2f2f2; + color: #666666; + border: 1px solid #d1d1d1; + border-top-width: 0; + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); + padding: 0px; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop, + .inline-toolbar:backdrop { + background-color: #eaeaea; } + searchbar button, + .search-bar button, .location-bar button, + searchbar .button, + .search-bar .button, + .location-bar .button, + searchbar .flat, + .search-bar .flat, + .location-bar .flat, + searchbar .text-button, + .search-bar .text-button, + .location-bar .text-button, + searchbar .image-button, + .search-bar .image-button, + .location-bar .image-button, + .inline-toolbar button, + .inline-toolbar .button, + .inline-toolbar .flat, + .inline-toolbar .text-button, + .inline-toolbar .image-button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #666666; + border-radius: 0px; + padding: 10px; } + searchbar button:focus, + .search-bar button:focus, .location-bar button:focus, searchbar button:active, + .search-bar button:active, .location-bar button:active, + searchbar .button:focus, + .search-bar .button:focus, + .location-bar .button:focus, + searchbar .button:active, + .search-bar .button:active, + .location-bar .button:active, + searchbar .flat:focus, + .search-bar .flat:focus, + .location-bar .flat:focus, + searchbar .flat:active, + .search-bar .flat:active, + .location-bar .flat:active, + searchbar .text-button:focus, + .search-bar .text-button:focus, + .location-bar .text-button:focus, + searchbar .text-button:active, + .search-bar .text-button:active, + .location-bar .text-button:active, + searchbar .image-button:focus, + .search-bar .image-button:focus, + .location-bar .image-button:focus, + searchbar .image-button:active, + .search-bar .image-button:active, + .location-bar .image-button:active, + .inline-toolbar button:focus, + .inline-toolbar button:active, + .inline-toolbar .button:focus, + .inline-toolbar .button:active, + .inline-toolbar .flat:focus, + .inline-toolbar .flat:active, + .inline-toolbar .text-button:focus, + .inline-toolbar .text-button:active, + .inline-toolbar .image-button:focus, + .inline-toolbar .image-button:active { + font: bold; + color: #666666; + text-shadow: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.05); } + searchbar button:focus:backdrop, + .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, + .search-bar button:active:backdrop, .location-bar button:active:backdrop, + searchbar .button:focus:backdrop, + .search-bar .button:focus:backdrop, + .location-bar .button:focus:backdrop, + searchbar .button:active:backdrop, + .search-bar .button:active:backdrop, + .location-bar .button:active:backdrop, + searchbar .flat:focus:backdrop, + .search-bar .flat:focus:backdrop, + .location-bar .flat:focus:backdrop, + searchbar .flat:active:backdrop, + .search-bar .flat:active:backdrop, + .location-bar .flat:active:backdrop, + searchbar .text-button:focus:backdrop, + .search-bar .text-button:focus:backdrop, + .location-bar .text-button:focus:backdrop, + searchbar .text-button:active:backdrop, + .search-bar .text-button:active:backdrop, + .location-bar .text-button:active:backdrop, + searchbar .image-button:focus:backdrop, + .search-bar .image-button:focus:backdrop, + .location-bar .image-button:focus:backdrop, + searchbar .image-button:active:backdrop, + .search-bar .image-button:active:backdrop, + .location-bar .image-button:active:backdrop, + .inline-toolbar button:focus:backdrop, + .inline-toolbar button:active:backdrop, + .inline-toolbar .button:focus:backdrop, + .inline-toolbar .button:active:backdrop, + .inline-toolbar .flat:focus:backdrop, + .inline-toolbar .flat:active:backdrop, + .inline-toolbar .text-button:focus:backdrop, + .inline-toolbar .text-button:active:backdrop, + .inline-toolbar .image-button:focus:backdrop, + .inline-toolbar .image-button:active:backdrop { + border: none; + background-color: transparent; + color: #afafaf; } + searchbar button:hover, + .search-bar button:hover, .location-bar button:hover, + searchbar .button:hover, + .search-bar .button:hover, + .location-bar .button:hover, + searchbar .flat:hover, + .search-bar .flat:hover, + .location-bar .flat:hover, + searchbar .text-button:hover, + .search-bar .text-button:hover, + .location-bar .text-button:hover, + searchbar .image-button:hover, + .search-bar .image-button:hover, + .location-bar .image-button:hover, + .inline-toolbar button:hover, + .inline-toolbar .button:hover, + .inline-toolbar .flat:hover, + .inline-toolbar .text-button:hover, + .inline-toolbar .image-button:hover { + background-color: rgba(0, 0, 0, 0.05); + text-shadow: none; + color: #666666; + box-shadow: none; } + searchbar button:insensitive, + .search-bar button:insensitive, .location-bar button:insensitive, + searchbar .button:insensitive, + .search-bar .button:insensitive, + .location-bar .button:insensitive, + searchbar .flat:insensitive, + .search-bar .flat:insensitive, + .location-bar .flat:insensitive, + searchbar .text-button:insensitive, + .search-bar .text-button:insensitive, + .location-bar .text-button:insensitive, + searchbar .image-button:insensitive, + .search-bar .image-button:insensitive, + .location-bar .image-button:insensitive, + .inline-toolbar button:insensitive, + .inline-toolbar .button:insensitive, + .inline-toolbar .flat:insensitive, + .inline-toolbar .text-button:insensitive, + .inline-toolbar .image-button:insensitive { + background: none; + background-color: transparent; + color: rgba(102, 102, 102, 0.5); } + searchbar button:backdrop, + .search-bar button:backdrop, .location-bar button:backdrop, + searchbar .button:backdrop, + .search-bar .button:backdrop, + .location-bar .button:backdrop, + searchbar .flat:backdrop, + .search-bar .flat:backdrop, + .location-bar .flat:backdrop, + searchbar .text-button:backdrop, + .search-bar .text-button:backdrop, + .location-bar .text-button:backdrop, + searchbar .image-button:backdrop, + .search-bar .image-button:backdrop, + .location-bar .image-button:backdrop, + .inline-toolbar button:backdrop, + .inline-toolbar .button:backdrop, + .inline-toolbar .flat:backdrop, + .inline-toolbar .text-button:backdrop, + .inline-toolbar .image-button:backdrop { + border: none; + background: none; + background-color: transparent; + color: #afafaf; } + searchbar .entry, + .search-bar .entry, .location-bar .entry, + searchbar entry, + .search-bar entry, + .location-bar entry, + .inline-toolbar .entry, + .inline-toolbar entry { + background: none; + color: #666666; + border-radius: 0px; + border: none; + box-shadow: none; } + searchbar .entry.image, + .search-bar .entry.image, .location-bar .entry.image, + searchbar entry.image, + .search-bar entry.image, + .location-bar entry.image, + .inline-toolbar .entry.image, + .inline-toolbar entry.image { + color: #666666; } + searchbar .entry.image.left, + .search-bar .entry.image.left, .location-bar .entry.image.left, + searchbar entry.image.left, + .search-bar entry.image.left, + .location-bar entry.image.left, + .inline-toolbar .entry.image.left, + .inline-toolbar entry.image.left { + padding-right: 6px; } + searchbar .entry:backdrop, + .search-bar .entry:backdrop, .location-bar .entry:backdrop, + searchbar entry:backdrop, + .search-bar entry:backdrop, + .location-bar entry:backdrop, + .inline-toolbar .entry:backdrop, + .inline-toolbar entry:backdrop { + color: #afafaf; } + searchbar .entry:selected, + .search-bar .entry:selected, .location-bar .entry:selected, + searchbar entry:selected, + .search-bar entry:selected, + .location-bar entry:selected, + .inline-toolbar .entry:selected, + .inline-toolbar entry:selected { + color: #ffffff; + background-color: #347D9F; } + +searchbar, +.search-bar, .location-bar { + border-style: solid; + border-color: #d1d1d1; + background-color: #ececec; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop { + border-color: #d5d5d5; + background-color: #ebebeb; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar, +.search-bar { + padding: 3px 0px; + border-width: 0; + border-radius: 0; } + +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +/************ + * Tooltips * + ************/ +.tooltip, +.overlay-bar { + margin: 4px; + border: none; + border-radius: 3px; + background-color: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + .tooltip.background, + .overlay-bar.background { + background-color: #ffffff; + border: none; } + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #666666; } + .tooltip .csd, + .overlay-bar .csd { + border-radius: 5px; + box-shadow: none; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #b3b3b3; + border-top-color: #f7f7f7; } + GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; } + GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, + treeview.view:selected:backdrop, + treeview.view:selected { + border-left-color: #9abecf; + border-top-color: rgba(102, 102, 102, 0.1); } + GtkTreeView.view:insensitive, + treeview.view:insensitive { + color: #afafaf; } + GtkTreeView.view:insensitive:selected, + treeview.view:insensitive:selected { + color: #85b1c5; } + GtkTreeView.view:insensitive:selected:backdrop, + treeview.view:insensitive:selected:backdrop { + color: rgba(77, 141, 171, 0.85); } + GtkTreeView.view:insensitive:backdrop, + treeview.view:insensitive:backdrop { + color: #d1d1d1; } + GtkTreeView.view.separator, + treeview.view.separator { + color: #f7f7f7; } + GtkTreeView.view.separator:backdrop, + treeview.view.separator:backdrop { + color: rgba(247, 247, 247, 0.1); } + GtkTreeView.view:backdrop, + treeview.view:backdrop { + border-left-color: lightgray; + border-top: #f7f7f7; } + GtkTreeView.view.expander, + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #949494; } + GtkTreeView.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover, + treeview.view.expander:hover { + color: #666666; } + GtkTreeView.view.expander:selected, + treeview.view.expander:selected { + color: #c2d8e2; } + GtkTreeView.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + GtkTreeView.view.expander:selected:backdrop, + treeview.view.expander:selected:backdrop { + color: rgba(141, 182, 201, 0.65); } + GtkTreeView.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:backdrop, + treeview.view.expander:backdrop { + color: #c6c6c6; } + GtkTreeView.view.progressbar, + treeview.view.progressbar { + color: #ffffff; + border: 1px solid #275f79; + border-radius: 4px; + background-color: #347D9F; + background-image: linear-gradient(to bottom, #347D9F, #275f79); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } + GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + border-radius: 0; + color: #347D9F; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } + GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + color: #347D9F; + border-color: #275f79; + background-color: #fcfcfc; } + GtkTreeView.view.progressbar:backdrop, + treeview.view.progressbar:backdrop { + color: #fcfcfc; + background-image: none; + box-shadow: none; } + GtkTreeView.view.trough, + treeview.view.trough { + background-color: rgba(102, 102, 102, 0.1); + border-radius: 4px; } + GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: rgba(255, 255, 255, 0.3); + border-radius: 4px; + border-width: 1px 0; + border-style: solid; + border-color: #347D9F; } + GtkTreeView.view column-header .button, + GtkTreeView.view column-header button, + GtkTreeView.view header .button, + GtkTreeView.view header button, + treeview.view column-header .button, + treeview.view column-header button, + treeview.view header .button, + treeview.view header button { + color: #b3b3b3; + background-color: #ffffff; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + GtkTreeView.view column-header .button:hover, + GtkTreeView.view column-header button:hover, + GtkTreeView.view header .button:hover, + GtkTreeView.view header button:hover, + treeview.view column-header .button:hover, + treeview.view column-header button:hover, + treeview.view header .button:hover, + treeview.view header button:hover { + color: #8d8d8d; + box-shadow: none; + transition: none; } + GtkTreeView.view column-header .button:active, + GtkTreeView.view column-header button:active, + GtkTreeView.view header .button:active, + GtkTreeView.view header button:active, + treeview.view column-header .button:active, + treeview.view column-header button:active, + treeview.view header .button:active, + treeview.view header button:active { + color: #666666; + transition: none; } + GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, + GtkTreeView.view header button:last-child:backdrop, + GtkTreeView.view header button:last-child, + treeview.view column-header button:last-child:backdrop, + treeview.view column-header button:last-child, + treeview.view header button:last-child:backdrop, + treeview.view header button:last-child { + border-right-style: none; } + GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, + GtkTreeView.view button.dnd:active, + GtkTreeView.view button.dnd:selected, + GtkTreeView.view button.dnd:hover, + GtkTreeView.view button.dnd, + GtkTreeView.view column-header.button.dnd:active, + GtkTreeView.view column-header.button.dnd:selected, + GtkTreeView.view column-header.button.dnd:hover, + GtkTreeView.view column-header.button.dnd, + GtkTreeView.view header.button.dnd:active, + GtkTreeView.view header.button.dnd:selected, + GtkTreeView.view header.button.dnd:hover, + GtkTreeView.view header.button.dnd, + treeview.view .button.dnd:active, + treeview.view .button.dnd:selected, + treeview.view .button.dnd:hover, + treeview.view .button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view column-header.button.dnd:active, + treeview.view column-header.button.dnd:selected, + treeview.view column-header.button.dnd:hover, + treeview.view column-header.button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: #347D9F; + color: #ffffff; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #ffffff; + text-shadow: none; } + +GtkTreeView.view column-header .button, +GtkTreeView.view column-header button, +GtkTreeView.view header .button, +GtkTreeView.view header button, +treeview.view column-header .button, +treeview.view column-header button, +treeview.view header .button, +treeview.view header button, GtkTreeView.view column-header .button:hover, +GtkTreeView.view column-header button:hover, +GtkTreeView.view header .button:hover, +GtkTreeView.view header button:hover, +treeview.view column-header .button:hover, +treeview.view column-header button:hover, +treeview.view header .button:hover, +treeview.view header button:hover, GtkTreeView.view column-header .button:active, +GtkTreeView.view column-header button:active, +GtkTreeView.view header .button:active, +GtkTreeView.view header button:active, +treeview.view column-header .button:active, +treeview.view column-header button:active, +treeview.view header .button:active, +treeview.view header button:active { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #f7f7f7; } + GtkTreeView.view column-header .button:insensitive, + GtkTreeView.view column-header button:insensitive, + GtkTreeView.view header .button:insensitive, + GtkTreeView.view header button:insensitive, + treeview.view column-header .button:insensitive, + treeview.view column-header button:insensitive, + treeview.view header .button:insensitive, + treeview.view header button:insensitive { + border-color: #f7f7f7; + background-image: none; } + GtkTreeView.view column-header .button:backdrop, + GtkTreeView.view column-header button:backdrop, + GtkTreeView.view header .button:backdrop, + GtkTreeView.view header button:backdrop, + treeview.view column-header .button:backdrop, + treeview.view column-header button:backdrop, + treeview.view header .button:backdrop, + treeview.view header button:backdrop { + border-color: #f7f7f7; + border-style: none solid solid none; + color: lightgray; + background-image: none; + background-color: #fcfcfc; } + GtkTreeView.view column-header .button:backdrop:insensitive, + GtkTreeView.view column-header button:backdrop:insensitive, + GtkTreeView.view header .button:backdrop:insensitive, + GtkTreeView.view header button:backdrop:insensitive, + treeview.view column-header .button:backdrop:insensitive, + treeview.view column-header button:backdrop:insensitive, + treeview.view header .button:backdrop:insensitive, + treeview.view header button:backdrop:insensitive { + border-color: #f7f7f7; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + border-radius: 4px; + border-width: 0px; + box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); + margin: 10px; } + .window-frame:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); + transition: 200ms ease-out; } + .fullscreen .window-frame, .tiled .window-frame { + border-radius: 0; } + .popup .window-frame { + box-shadow: none; } + .ssd .window-frame { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } + .csd.popup .window-frame { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + .solid-csd .window-frame { + border-radius: 0; + margin: 4px; + background-color: #f7f7f7; + border: 0px solid #d5d5d5; + box-shadow: none; } + +/********************** + * DE-Specific Styles * + **********************/ +/********** +* Budgie * +**********/ +.budgie-panel { + background-color: rgba(0, 0, 0, 0.8); + transition: 100ms ease-in; + font: bold; + color: white; } + .budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +.max-budgie-panel { + background-color: black; + transition: 100ms ease-in; + font: bold; + color: white; } + .max-budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +/* Top launchers */ +/* Left hand side launchers */ +/* Right hand side launchers */ +.notification .priority.low { + background-color: #2095f2; } + +.notification .priority.high { + background-color: #feea3a; } + +.notification .priority.critical { + background-color: #f34235; } + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; } + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; } + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; } + +SudokuView { + border: none; } + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: #ffffff; } + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: #347D9F; + color: #ffffff; } + +/******** + * Misc * + *******/ +ApDocView, +EogScrollView, +CheeseThumbView { + -EogScrollView-shadow-type: none; } + +/************ + * Terminal * + ************/ +TerminalScreen, +VteTerminal { + background-color: rgba(0, 43, 54, 0.9); + color: #839495; } + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: #636E73; } + TerminalWindow .titlebar:backdrop, + TerminalWindow .header-bar:backdrop { + background-color: #4b5458; } + +/************ + * Nautilus * + ************/ +NautilusCanvasView { + border: none; } + NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { + border: none; } + +.nautilus-circular-button { + border-radius: 20px; + outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #666666; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #666666; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:prelight { + color: #666666; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #ffffff; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected, + .header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #ffffff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list .header-bar .subtitle:selected, + .header-bar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #ffffff; } + +/*********** + * Builder * + ***********/ +GbGreeterWindow .titlebar, +GbGreeterWindow .header-bar, +GbWorkbench .titlebar, +GbWorkbench .header-bar { + background-color: #CBBB2E; } + GbGreeterWindow .titlebar:backdrop, + GbGreeterWindow .header-bar:backdrop, + GbWorkbench .titlebar:backdrop, + GbWorkbench .header-bar:backdrop { + background-color: #a19525; } + +/************** + * Calculator * + **************/ +MathWindow { + background-color: #ffffff; + border-radius: 0 0 4px 4px; } + MathWindow .titlebar, + MathWindow .header-bar, + MathWindow .toolbar { + background-color: #07ce8e; } + MathWindow .titlebar:backdrop, + MathWindow .header-bar:backdrop, + MathWindow .toolbar:backdrop { + background-color: #059d6c; } + MathWindow MathButtons GtkComboBox, + MathWindow MathButtons .button { + background-color: transparent; + background-image: none; + box-shadow: none; + border: none; + text-shadow: none; + color: #07ce8e; + font: bold; } + MathWindow MathButtons GtkComboBox:hover, + MathWindow MathButtons .button:hover { + background-image: none; + background-color: #ffffff; + color: #07ce8e; } + MathWindow MathButtons GtkComboBox:backdrop, + MathWindow MathButtons .button:backdrop { + color: #059d6c; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action, + MathWindow MathButtons .button.text-button.suggested-action { + background-image: none; + box-shadow: none; + text-shadow: none; + background-color: #07ce8e; + color: #ffffff; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, + MathWindow MathButtons .button.text-button.suggested-action:backdrop { + background-color: #059d6c; + color: rgba(255, 255, 255, 0.5); } + MathWindow MathDisplay { + padding: 4px; + background-color: #ffffff; + border: 1px solid #d1d1d1; } + +/************ + * Calendar * + ************/ +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: #75A3F6; } + GcalWindow .titlebar:backdrop, + GcalWindow .header-bar:backdrop { + background-color: #4583f3; } + +/********** + * Cheese * + **********/ +CheeseWindow .titlebar, +CheeseWindow .header-bar, +CheeseWindow .toolbar { + background-color: #ad7fa8; } + CheeseWindow .titlebar:backdrop, + CheeseWindow .header-bar:backdrop, + CheeseWindow .toolbar:backdrop { + background-color: #986192; } + +/************ + * Contacts * + ************/ +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: #2095F2; } + ContactsWindow .titlebar:backdrop, + ContactsWindow .header-bar:backdrop { + background-color: #0c7bd3; } + +/********** + * Clocks * + **********/ +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: #4BAE4F; } + ClocksWindow .titlebar:backdrop, + ClocksWindow .header-bar:backdrop { + background-color: #3c8a3f; } + +/********* + * Disks * + *********/ +GduWindow .titlebar, +GduWindow .header-bar { + background-color: #8561C5; } + GduWindow .titlebar:backdrop, + GduWindow .header-bar:backdrop { + background-color: #6a41b2; } + +/************** + * Disk Usage * + **************/ +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: #CC5E55; } + BaobabWindow .titlebar:backdrop, + BaobabWindow .header-bar:backdrop { + background-color: #b74137; } + +/************* + * Documents * + *************/ +#Documents .titlebar, +#Documents .header-bar { + background-color: #C2352A; } + #Documents .titlebar:backdrop, + #Documents .header-bar:backdrop { + background-color: #982a21; } + +/************ + * Epiphany * + ************/ +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: #6573C3; } + EphyWindow .titlebar:backdrop, + EphyWindow .header-bar:backdrop { + background-color: #4555b0; } + EphyWindow .titlebar .incognito-mode, + EphyWindow .header-bar .incognito-mode { + background-color: #3e4c9e; } + EphyWindow .titlebar .incognito-mode .button, + EphyWindow .header-bar .incognito-mode .button { + background-image: none; } + EphyWindow .titlebar .incognito-mode:backdrop, + EphyWindow .header-bar .incognito-mode:backdrop { + background-color: #2f3a79; } + +/********* + * Gedit * + *********/ +GeditWindow .titlebar, +GeditWindow .header-bar, +GeditWindow .gedit-headerbar-paned { + background-color: #DC4836; } + GeditWindow .titlebar:backdrop, + GeditWindow .header-bar:backdrop, + GeditWindow .gedit-headerbar-paned:backdrop { + background-color: #be3221; } + +/************** + * Log Viewer * + **************/ +GlWindow .titlebar, +GlWindow .header-bar, +GlWindow .toolbar, +LogviewWindow .titlebar, +LogviewWindow .header-bar, +LogviewWindow .toolbar { + background-color: #009587; } + GlWindow .titlebar:backdrop, + GlWindow .header-bar:backdrop, + GlWindow .toolbar:backdrop, + LogviewWindow .titlebar:backdrop, + LogviewWindow .header-bar:backdrop, + LogviewWindow .toolbar:backdrop { + background-color: #006259; } + +/********* + * Music * + *********/ +gnomemusic + window + Window .titlebar, +gnomemusic + window + Window .header-bar { + background-color: #fe9700; } + gnomemusic + window + Window .titlebar:backdrop, + gnomemusic + window + Window .header-bar:backdrop { + background-color: #cb7900; } + +/***************** + * Notes/Bijiben * + *****************/ +BjbMainToolbar .titlebar, +BjbMainToolbar .header-bar, +BjbWindowBase .titlebar, +BjbWindowBase .header-bar { + background-color: #ebdd4d; } + BjbMainToolbar .titlebar:backdrop, + BjbMainToolbar .header-bar:backdrop, + BjbWindowBase .titlebar:backdrop, + BjbWindowBase .header-bar:backdrop { + background-color: #e6d41f; } + +/********** + * Photos * + **********/ +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: #D30101; } + PhotosMainWindow .titlebar:backdrop, + PhotosMainWindow .header-bar:backdrop { + background-color: #a00101; } + +/********** + * Polari * + **********/ +.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, +.header-bar.polari-titlebar-left, +.header-bar.polari-titlebar-right { + background-color: #4BAE4F; } + .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, + .header-bar.polari-titlebar-left:backdrop, + .header-bar.polari-titlebar-right:backdrop { + background-color: #3c8a3f; } + +/******************* + * System Settings * + ******************/ +CcWindow .titlebar, +CcWindow .header-bar { + background-color: #5F7C8A; } + CcWindow .titlebar:backdrop, + CcWindow .header-bar:backdrop { + background-color: #4a616c; } + +CcShellNavBar { + padding: 0px; } + +/************ + * Software * + ************/ +#window_software .titlebar, +#window_software .header-bar { + background-color: #1A77C2; } + #window_software .titlebar:backdrop, + #window_software .header-bar:backdrop { + background-color: #145b95; } + +/****************** + * System Monitor * + ******************/ +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: #6fbe72; } + #gnome-system-monitor .titlebar:backdrop, + #gnome-system-monitor .header-bar:backdrop { + background-color: #4eac51; } + +/******** + * Yelp * + ********/ +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: #435ece; } + YelpWindow .titlebar:backdrop, + YelpWindow .header-bar:backdrop { + background-color: #2e47b0; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #ffffff; + background-color: #ffffff; } + .gala-notification .title, + .gala-notification .label { + color: #666666; } + +.gala-button { + padding: 3px; + color: #ffffff; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(255, 255, 255, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #666666; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(52, 125, 159, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #666666; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(52, 125, 159, 0.3); + color: #ffffff; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #666666; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel .maximized { + background-color: #000; } + .panel .translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel .color-light .composited-indicator > revealer label, + .panel .color-light .composited-indicator > revealer image, + .panel .color-light .composited-indicator > GtkRevealer { + color: rgba(0, 0, 0, 0.35); + text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); + icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #ffffff; + font-weight: bold; + text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); + icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } + +/************* + * AppCenter * + *************/ +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: #378BE6; } + AppCenterMainWindow .titlebar:backdrop, + AppCenterMainWindow .header-bar:backdrop { + background-color: #1a71d0; } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .titlebar, + PantheonCalculatorMainWindow .header-bar { + background-color: #07ce8e; } + PantheonCalculatorMainWindow .titlebar:backdrop, + PantheonCalculatorMainWindow .header-bar:backdrop { + background-color: #059d6c; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/******** + * Maya * + ********/ +MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { + background-color: #8CD33F; } + MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { + background-color: #72b52a; } + +/********* + * Cards * + *********/ +.deck { + background-color: #e3e3e3; } + +.card { + background-color: #ffffff; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #f2f2f2; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .titlebar, + NoiseLibraryWindow .header-bar { + background-color: #EE6020; } + NoiseLibraryWindow .titlebar:backdrop, + NoiseLibraryWindow .header-bar:backdrop { + background-color: #cb4a10; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/*********** + * Scratch * + ***********/ +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: #e74c3c; } + ScratchMainWindow .titlebar:backdrop, + ScratchMainWindow .header-bar:backdrop { + background-color: #d62c1a; } + +/******** + * Snap * + ********/ +SnapMainWindow .titlebar, +SnapMainWindow .header-bar, +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: #6d266a; } + SnapMainWindow .titlebar:backdrop, + SnapMainWindow .header-bar:backdrop, + SnapSnapWindow .titlebar:backdrop, + SnapSnapWindow .header-bar:backdrop { + background-color: #471945; } +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .titlebar, +DirectWindow .header-bar, +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: #5544B5; } + DirectWindow .titlebar:backdrop, + DirectWindow .header-bar:backdrop, + LibraryWindow .titlebar:backdrop, + LibraryWindow .header-bar:backdrop { + background-color: #443690; } +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #f7f7f7; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #666666; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Backdrop Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +/* Backdrop Unity panel color */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #347D9F; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #636E73; + color: #dbdee0; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #636E73; + border-bottom-width: 0; + background-color: #636E73; + color: #dbdee0; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + background-color: #4b5458; + color: #c0c5c8; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #dbdee0; } + UnityDecoration .top .menuitem:backdrop { + background-color: #4b5458; + color: #c0c5c8; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #626c71; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #636E73, #626c71); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #626c71; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: #4b5458; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #343a3c; + color: #dbdee0; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: #1c1f21; + color: #c0c5c8; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #dbdee0; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #dbdee0; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #343a3c; + color: #dbdee0; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #afafaf; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #616b70; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + border: none; + color: #d1d1d1; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #ffffff; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #347D9F; } + +/*********************** + * App-Specific Styles * + ***********************/ +/******************* + * Archive Manager * + *******************/ +FrWindow .titlebar, +FrWindow .header-bar, +FrWindow .toolbar { + background-color: #A88A67; } + FrWindow .titlebar:backdrop, + FrWindow .header-bar:backdrop, + FrWindow .toolbar:backdrop { + background-color: #8c7050; } + +/********* + * Birdie * + *********/ +BirdieWidgetsUnifiedWindow .titlebar, +BirdieWidgetsUnifiedWindow .header-bar { + background-image: none; + background-color: #3998E7; } + BirdieWidgetsUnifiedWindow .titlebar:backdrop, + BirdieWidgetsUnifiedWindow .header-bar:backdrop { + background-image: none; + background-color: #1a7fd3; } +BirdieWidgetsUnifiedWindow .menu-button { + padding: 0px; + padding-left: 6px; + padding-right: 6px; } + +BirdieWidgetsTweetList * { + background-image: none; + background: none; } + +BirdieWidgetsUserbox { + background-color: rgba(57, 152, 231, 0.2); } + +BirdieWidgetsNotebook .header { + background-color: #ffffff; } +BirdieWidgetsNotebook tab:active { + box-shadow: inset 0 -3px 0 0 #3998E7; } + +/********* + * Geary * + *********/ +.geary-titlebar-left, +.geary-titlebar-right { + background-color: #F2B035; } + .geary-titlebar-left:backdrop, + .geary-titlebar-right:backdrop { + background-color: #e59a0f; } + .geary-titlebar-left .separator, + .geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkWidget-focus-line-width: 1px; + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView GtkIconView:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected { + background-color: #347D9F; + color: #ffffff; } + ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop { + background-color: #3a8cb2; + color: rgba(255, 255, 255, 0.5); } + ConversationListView .view .cell, ConversationListView GtkIconView .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected { + color: #ffffff; + border: 0px solid #275f79; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #4b5458; + color: #ffffff; + font: bold; + box-shadow: inset 0 -1px #3b4144; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #ffffff; + font: bold; } + #panel_window .menubar .menuitem:insensitive, + #panel_window menubar menuitem:insensitive { + color: rgba(255, 255, 255, 0.5); } + #panel_window .menubar .menuitem:insensitive GtkLabel, + #panel_window menubar menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:insensitive label, + #panel_window menubar menuitem:insensitive label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #666666; } + +#content_frame { + padding-bottom: 14px; + background-color: #f7f7f7; + 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: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + #content_frame button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + #content_frame button:active, #content_frame button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + #content_frame button:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + #content_frame button:insensitive GtkLabel, #content_frame button:insensitive { + color: #afafaf; } + #content_frame button:insensitive label, #content_frame button:insensitive { + color: #afafaf; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(32, 37, 38, 0.8); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + +#login_window #user_combobox { + color: #666666; + font: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +/********** + * Midori * + **********/ +MidoriBrowser .titlebar, +MidoriBrowser .header-bar, +MidoriBrowser .toolbar { + background-color: #7FC843; } + MidoriBrowser .titlebar:backdrop, + MidoriBrowser .header-bar:backdrop, + MidoriBrowser .toolbar:backdrop { + background-color: #66a731; } + +/********* + * Vocal * + *********/ +.titlebar.vocal-headerbar, +.header-bar.vocal-headerbar { + background-color: #9C69C6; } + .titlebar.vocal-headerbar:backdrop, + .header-bar.vocal-headerbar:backdrop { + background-color: #8345b7; } diff --git a/Paper/gtk-3.0/gtk.scss b/Paper/gtk-3.18/gtk.scss similarity index 100% rename from Paper/gtk-3.0/gtk.scss rename to Paper/gtk-3.18/gtk.scss diff --git a/Paper/gtk-3.0/widgets/_action-bars.scss b/Paper/gtk-3.18/widgets/_action-bars.scss similarity index 99% rename from Paper/gtk-3.0/widgets/_action-bars.scss rename to Paper/gtk-3.18/widgets/_action-bars.scss index dd2b51d..dd4a3f5 100644 --- a/Paper/gtk-3.0/widgets/_action-bars.scss +++ b/Paper/gtk-3.18/widgets/_action-bars.scss @@ -24,4 +24,4 @@ border-radius: 0 0 6px 6px; border-width: 0px 1px 1px 1px; } -} +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_app-notifications.scss b/Paper/gtk-3.18/widgets/_app-notifications.scss new file mode 100644 index 0000000..024c6fc --- /dev/null +++ b/Paper/gtk-3.18/widgets/_app-notifications.scss @@ -0,0 +1,19 @@ +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + @extend %osd; + + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-clip: padding-box; + + &:backdrop { + background-image: none; + transition: $backdrop_transition; + } + + .button, button { @extend %osd_button; } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_base-states.scss b/Paper/gtk-3.18/widgets/_base-states.scss new file mode 100644 index 0000000..8987283 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_base-states.scss @@ -0,0 +1,206 @@ +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + color: $backdrop_fg_color; + background-color: $backdrop_bg_color; + text-shadow: none; + icon-shadow: none; + } +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +*:insensitive { -gtk-image-effect: dim; } + +.gtkstyle-fallback { + color: $fg_color; + background-color: $bg_color; + + &:hover { + color: $fg_color; + background-color: lighten($bg_color, 10%); + } + + &:active { + color: $fg_color; + background-color: darken($bg_color, 10%); + } + + &:insensitive { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +.view, +%view { + color: $text_color; + background-color: $base_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 3px; + } + } +} + +GtkTextView { + GtkLabel { + @extend %view; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +GtkTextView{ + background-color: mix($bg_color, $base_color, 50%); + + &:backdrop { background-color: mix($backdrop_bg_color, $backdrop_base_color, 50%); } + + &.bottom { + background-size: 100% 1px; + background-position: top; + } + + &.top { + background-size: 100% 1px; + background-position: bottom; + } + + &.left { + background-size: 1px 100%; + background-position: right; + } + + &.right { + background-size: 1px 100%; + background-position: left; + } +} + +GtkIconView { + @extend .view; + background-color:transparent; + + &:backdrop{ + background-color:transparent; + } +} + +.rubberband, +%rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.8); +} + + +GtkFlow { + rubberband { @extend %rubberband; } + + flowboxchild { + padding: 3px; + border-radius: 3px; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } +} + +GtkLabel { + &.separator { + @extend .dim-label; + + color: $fg_color; + + &:backdrop { color: $backdrop_fg_color; } + } + + .list-row:selected &, + row:selected &, + &:selected { @extend %nobg_selected_items; } + + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:insensitive { + color: $insensitive_fg_color; + + &:selected { @extend %selected_items:insensitive; } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop { + color: $backdrop_fg_color; + + &:selected { @extend %selected_items:backdrop; } + } +} + +.dim-label { + opacity: 0.55; + text-shadow: none; +} + +%osd, +.osd { + color: $osd_fg_color; + border: none; + background-color: $osd_bg_color; + background-clip: padding-box; + outline-color: transparentize($osd_fg_color, 0.7); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + + &:backdrop { + text-shadow: none; + icon-shadow: none; + } +} + +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + + @if $variant == 'light' { outline-color: transparentize($selected_fg_color, 0.7); } + + &:insensitive { color: mix($selected_fg_color, $selected_bg_color, 50%); } + + &:backdrop { + color: $backdrop_selected_fg_color; + + &:insensitive { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } +} + +.monospace { font: Monospace; } \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_buttons.scss b/Paper/gtk-3.18/widgets/_buttons.scss new file mode 100644 index 0000000..b7f9794 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_buttons.scss @@ -0,0 +1,528 @@ +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +$_dot_color: if($variant=='light', $selected_bg_color, + lighten($selected_bg_color,15%)); +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + + + +%button, +.button { + @at-root %button_basic, & { + + padding: 4px 9px; + border: 1px solid $borders_color; + border-radius: 3px; + transition: $button_transition; + + @include button(normal); + + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + + &:hover { + transition: $button_transition; + transition-duration: 500ms; + + &:active { transition: $button_transition; } + } + } + + &:hover { + @include button(hover); + -gtk-image-effect: highlight; + } + + &:active, + &:checked { + @include button(active); + + transition-duration: 50ms; + } + + &:backdrop { + &.flat, & { + @include button(backdrop); + + transition: $backdrop_transition; + -gtk-image-effect: none; + + &:active, + &:checked { @include button(backdrop-active); } + + &:insensitive { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } + } + + &.flat { &:backdrop, &:insensitive, &:backdrop:insensitive { @include button(undecorated); }} + + &:insensitive, + &:insensitive { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + &.image-button { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + GtkLabel, + label { + padding-left: 8px; + padding-right: 8px; + } + } + } + + @at-root %button_selected, & { + row:selected & { + @if $variant == 'light' { border-color: $selected_borders_color; } + + &.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: $selected_fg_color; + border-color: transparent; + + &:backdrop { color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color); } + } + } + } + + + // Standalone Buttons + &.osd { + + + color: $osd_fg_color; + border-radius: 5px; + outline-color: transparentize($osd_fg_color, 0.7); //FIXME: define a color var? + + @include button(osd); + + border: none; + box-shadow: none; + + &:hover { + @include button(osd-hover); + + border: none; + box-shadow: none; + } + + &:active, + &:checked { + @include button(osd-active); + + border: none; + box-shadow: none; + } + + &:insensitive, + &:insensitive { + &:backdrop, & { + @include button(osd-insensitive); + + border: none; + } + } + + &:backdrop { + @include button(osd-backdrop); + + border: none; + } + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + @include button(osd); + + &:hover { @include button(osd-hover); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active); }} + + &:insensitive { &:backdrop, & { @include button(osd-insensitive); }} + + &:backdrop { @include button(osd-backdrop); } + + &.flat { + @include button(undecorated); + + box-shadow: none; //FIXME respect no edge on the button mixin + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + + &:hover { @include button(osd-hover); } + + &:insensitive { + @include button(osd-insensitive); + background-image: none; + border-color: transparent; + box-shadow: none; + } + + &:backdrop { @include button(undecorated); } + + &:active, + &:checked { @include button(osd-active); } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $selected_bg_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(normal, $b_color, white); + + &.flat { + @include button(undecorated); + + color: $b_color; //FIXME: does it work on the dark variant? + } + + &:hover { @include button(hover, $b_color, white); } + + &:active, + &:checked { @include button(active, $b_color, white); } + + &:backdrop, + &.flat:backdrop { + @include button(backdrop, $b_color, white); + + &:active, + &:checked { @include button(backdrop-active, $b_color, white); } + + &:insensitive { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active, $b_color, white); } + } + } + + &.flat { + &:backdrop, &:insensitive, &:backdrop:insensitive { + @include button(undecorated); + + color: transparentize($b_color, 0.2); + } + } + + &:insensitive { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active, $b_color, white); } + } + + .osd & { + @include button(osd, $b_color); + + &:hover { @include button(osd-hover, $b_color); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} + + &:insensitive { &:backdrop, & { @include button(osd-insensitive, $b_color); }} + + &:backdrop { @include button(osd-backdrop, $b_color); } + } + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + + > image { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + + &.text-button { + // compensate text-button paddings + padding-left: 10px; + padding-right: 10px; + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + + &:active, + &:checked { + > label, + > image { + animation: none; + background-image: none; + } + } + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked; + } + + .primary-toolbar & { icon-shadow: none; } // tango icons don't need shadows + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked, + .linked > &:backdrop { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked, + .linked.vertical > &:backdrop { @extend %linked_vertical; } +} + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: _text_shadow_color(); + $_dot_shadow_r: if($variant=='light',0.5,0.45); + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + + @if $variant == 'light' { background-position: right 3px, right 4px; } + + @else { background-position: right 3px, right 2px; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + + +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar toolbutton > button { // redefining the button look is + // needed since those are flat... + @include button(normal); + + &:hover { @include button(hover); } + + &:active, + &:checked{ @include button(active); } + + &:insensitive { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + &:backdrop { + @include button(backdrop); + + &:active, + &:checked { @include button(backdrop-active); } + + &:insensitive { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton, +toolbar.inline-toolbar toolbutton:backdrop { + > button.flat { @extend %linked_middle; } + + &:first-child > button.flat { @extend %linked:first-child; } + + &:last-child > button.flat { @extend %linked:last-child; } + + &:only-child > button.flat { @extend %linked:only-child; } +} + +%linked_middle { + border-radius: 0; + border-right-style: none; +} + +%linked { + @extend %linked_middle; + + &:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + + &:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%linked_vertical_middle { + border-style: solid solid none solid; + border-radius: 0; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + + &:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + + &:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%undecorated_button { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px transparentize(white,1), + 0 1px transparentize(white, 1); + text-shadow: none; + icon-shadow: none; +} + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; + + @extend %undecorated_button; + + &:hover { background-color: $popover_hover_color; } + + &:selected { @extend %selected_items; } + + &:backdrop, + &:backdrop:hover { @extend %undecorated_button; } + + // FIXME: remove the following when the checks/radios rewrite lands + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } +} + +modelbutton.flat arrow { + background: none; + + &:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + padding: 4px; + + colorswatch:only-child { + &, overlay { border-radius: 0; } + + @if $variant == 'light' { + box-shadow: 0 1px _text_shadow_color(); + + &:insensitive, + &:backdrop { box-shadow: none; } + } + } +} diff --git a/Paper/gtk-3.18/widgets/_calendar.scss b/Paper/gtk-3.18/widgets/_calendar.scss new file mode 100644 index 0000000..a981a36 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_calendar.scss @@ -0,0 +1,56 @@ +/************ + * Calendar * + ***********/ +GtkCalendar { + color: $text_color; + border: 1px solid $borders_color; + + &:selected { + @extend %selected_items; + + border-radius: 3px; + } + + &.header { + border-bottom: 1px solid transparentize(black, 0.9); + border-radius: 0; + + &:backdrop { border-color: transparentize(black, 0.9); } + } + + &.button { + @extend %undecorated_button; + + color: transparentize($fg_color, 0.55); + + &:hover { + @extend %undecorated_button; + + color: $fg_color; + } + + &:backdrop { + @extend %undecorated_button; + + color: transparentize($backdrop_fg_color,0.55); + } + + &:insensitive { + @extend %undecorated_button; + + color: transparentize($insensitive_fg_color,0.55); + } + } + + &.highlight, + &.highlight:backdrop { + font-size: smaller; + color: $fg_color; + } + + + &:backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_checks-radios.scss b/Paper/gtk-3.18/widgets/_checks-radios.scss new file mode 100644 index 0000000..65f2699 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_checks-radios.scss @@ -0,0 +1,184 @@ +/************************* + * Check and Radio Items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +// unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':insensitive', '-unchecked-insensitive'), + (':insensitive:backdrop', '-unchecked-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}-dark.png"),url("../assets/checkbox#{$un}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png")), -gtk-scaled(url("../assets/radio#{$un}-dark.png"),url("../assets/radio#{$un}-dark@2.png"))); + icon-shadow: none; + } +} + +// checked +@each $s,$ch in (':checked', '-checked'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':checked:backdrop', '-checked-backdrop'), + (':checked:insensitive', '-checked-insensitive'), + (':checked:insensitive:backdrop', '-checked-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}-dark.png"),url("../assets/checkbox#{$ch}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")), -gtk-scaled(url("../assets/radio#{$ch}-dark.png"),url("../assets/radio#{$ch}-dark@2.png"))); + icon-shadow: none; + } +} + +// mixed +@each $s,$mx in (':inconsistent', '-mixed'), + (':inconsistent:hover', '-mixed-hover'), + (':inconsistent:active', '-mixed-active'), + (':inconsistent:backdrop', '-mixed-backdrop'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':inconsistent:insensitive:backdrop', '-mixed-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/checkbox#{$mx}-dark.png"),url("../assets/checkbox#{$mx}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png")), -gtk-scaled(url("../assets/radio#{$mx}-dark.png"),url("../assets/radio#{$mx}-dark@2.png"))); + icon-shadow: none; + } +} + +// unchecked:selected +@each $s,$un in (':selected','-unchecked'), + (':hover:selected', '-unchecked-hover'), + (':active:selected', '-unchecked-active'), + (':backdrop:selected', '-unchecked-backdrop'), + (':insensitive:selected', '-unchecked-insensitive'), + (':insensitive:backdrop:selected', '-unchecked-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$un}.png"),url("../assets/selected-checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$un}-dark.png"),url("../assets/selected-checkbox#{$un}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$un}-dark.png"),url("../assets/selected-radio#{$un}-dark@2.png"))); + icon-shadow: none; + } +} + +// checked:selected +@each $s,$ch in (':checked:selected', '-checked'), + (':checked:hover:selected', '-checked-hover'), + (':checked:active:selected', '-checked-active'), + (':checked:backdrop:selected', '-checked-backdrop'), + (':checked:insensitive:selected', '-checked-insensitive'), + (':checked:insensitive:backdrop:selected', '-checked-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$ch}.png"),url("../assets/selected-checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$ch}-dark.png"),url("../assets/selected-checkbox#{$ch}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$ch}-dark.png"),url("../assets/selected-radio#{$ch}-dark@2.png"))); + icon-shadow: none; + } +} + + +// mixed:selected +@each $s,$mx in (':inconsistent:selected', '-mixed'), + (':inconsistent:hover:selected', '-mixed-hover'), + (':inconsistent:active:selected', '-mixed-active'), + (':inconsistent:backdrop:selected', '-mixed-backdrop'), + (':inconsistent:insensitive:selected', '-mixed-insensitive'), + (':inconsistent:insensitive:backdrop:selected', '-mixed-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$mx}-dark.png"),url("../assets/selected-checkbox#{$mx}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$mx}-dark.png"),url("../assets/selected-radio#{$mx}-dark@2.png"))); + icon-shadow: none; + } +} + + +// selection-mode unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':insensitive', '-unchecked-insensitive'), + (':insensitive:backdrop', '-unchecked-insensitive-backdrop') { + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")); + icon-shadow: none; + } + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$un}.png"),url("../assets/radio#{$un}@2.png")); + icon-shadow: none; + } +} + +// selection-mode checked +@each $s,$ch in ('','-checked'), + (':hover', '-checked-hover'), + (':active', '-checked-active'), + (':backdrop', '-checked-backdrop'), + (':insensitive', '-checked-insensitive'), + (':insensitive:backdrop', '-checked-insensitive-backdrop') { + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")); + icon-shadow: none; + } + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")); + icon-shadow: none; + } +} + +// Style +.check.text-button, .radio.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +.check, +.radio { + margin: 0 4px; + + .menu .menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + } +} + +GtkTreeView.view check, +GtkTreeView.view radio { + &:selected { + &:focus, & { + color: $fg_color; + + @if $variant == 'light' { border-color: $selected_borders_color; } + } + + &:insensitive { + color: $insensitive_fg_color; + + &:backdrop { color: $backdrop_insensitive_color; } + } + } + + &:backdrop { &:selected, & { color: $backdrop_fg_color; }} +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_color-chooser.scss b/Paper/gtk-3.18/widgets/_color-chooser.scss new file mode 100644 index 0000000..3dc182b --- /dev/null +++ b/Paper/gtk-3.18/widgets/_color-chooser.scss @@ -0,0 +1,114 @@ +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + + $_colorswatch_radius: 5px; + $_colorswatch_overlay_shadow: if($variant == 'light', inset 0 2px 2px -3px transparentize(black, 0.3), + inset 0 3px 2px -2px transparentize(black, 0.5)); + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-bottom-left-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-bottom-left-radius: $_colorswatch_radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-right-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.dark overlay { + color: $selected_fg_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); } + + &:backdrop { color: $backdrop_selected_fg_color; } + } + + &.light overlay { + color: $text_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } + + &:backdrop { color: $backdrop_text_color; } + } + + overlay { + box-shadow: $_colorswatch_overlay_shadow; + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + + &:hover { box-shadow: inset 0 1px transparentize(white, 0.7); } + + &:backdrop, &:backdrop:hover { + border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); + box-shadow: none; + } + } + + &#add-color-button { + border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; + + &:only-child { border-radius: $_colorswatch_radius; } + + overlay { + @include button(normal); + + &:hover { @include button(hover); } + + &:backdrop { @include button(backdrop); } + } + } + + &:insensitive { + opacity: 0.5; + + overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + overlay { border-radius: 4.5px; } + } +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_comboboxes.scss b/Paper/gtk-3.18/widgets/_comboboxes.scss new file mode 100644 index 0000000..4980a8c --- /dev/null +++ b/Paper/gtk-3.18/widgets/_comboboxes.scss @@ -0,0 +1,71 @@ +/************** + * ComboBoxes * + **************/ + +GtkComboBox { + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &.linked { + .button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } +} + +.linked > GtkComboBox > box > button.combo { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump +} + +.linked:not(.vertical) > GtkComboBox:first-child > box > button.combo { @extend %linked:first-child; } +.linked:not(.vertical) > GtkComboBox:last-child > box > button.combo { @extend %linked:last-child; } +.linked:not(.vertical) > GtkComboBox:only-child > box > button.combo { @extend %linked:only-child; } + +.linked.vertical > GtkComboBox > box > button.combo { @extend %linked_vertical_middle; } +.linked.vertical > GtkComboBox:first-child > box > button.combo { @extend %linked_vertical:first-child;} +.linked.vertical > GtkComboBox:last-child > box > button.combo { @extend %linked_vertical:last-child; } +.linked.vertical > GtkComboBox:only-child > box > button.combo { @extend %linked_vertical:only-child; } + +/****************** + * Combobox Entry * + ******************/ + +.combobox-entry { + + // Button + .button { + box-shadow: none; + + &:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; + } + + &:last-child { + border-radius: 0 4px 4px 0; + } + } + + // Entry + .entry { + box-shadow: none; + + &:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; + } + + &:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + } + + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_dialogs.scss b/Paper/gtk-3.18/widgets/_dialogs.scss new file mode 100644 index 0000000..640d063 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_dialogs.scss @@ -0,0 +1,123 @@ +/*********** + * Dialogs * + ***********/ + +GtkMessageDialog, +.message-dialog { + .header-bar, + .titlebar { + background-image: none; + background-color: $bg_color; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px $top_highlight; + + &:backdrop { + background-color: $backdrop_bg_color; + } + + &.default-decoration { + padding: 6px; + background-color: $bg_color; + color: $fg_color; + + &:backdrop { + background-color: $backdrop_bg_color; + color: $backdrop_fg_color; + } + + .button { + &.titlebutton { + padding: 1px; + border-radius:50%; + background-color:transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + + GtkImage { + color: $fg_color; + } + + &:hover { + background-color:darken($bg_color, 10%);; + color:lighten($fg_color, 10%); + + GtkImage { + color: lighten($fg_color, 10%); + } + } + + &:backdrop { + background-color:transparent; + color:$backdrop_fg_color; + + GtkImage { + color: lighten($backdrop_fg_color, 10%); + } + } + + &:active { + background-color:$fg_color; + color:$bg_color; + border-radius:50%; + box-shadow:none; + + GtkImage { + color: lighten($bg_color, 10%); + } + } + } + } + } + } + + &.csd { // rounded bottom border styling for csd version + border:none; + box-shadow: 0 1px 4px 0 transparentize(black, 0.8); + + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .dialog-action-area .button { + padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround + border-radius: 0; + background-image:none; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + + &:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; + // -gtk-outline-bottom-left-radius: 4px; + } + + &:last-child { + border-bottom-right-radius: 4px; + // -gtk-outline-bottom-right-radius: 4px; + } + } + } +} + +GtkFileChooserDialog { + + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + + .dialog-action-box { + border-top: 1px solid $borders_color; + + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + + &:backdrop { border-top-color: $backdrop_borders_color; } + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_entries.scss b/Paper/gtk-3.18/widgets/_entries.scss new file mode 100644 index 0000000..cb6c849 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_entries.scss @@ -0,0 +1,139 @@ +/**************** + * Text Entries * + ****************/ + +%entry, +.entry { + %entry_basic, & { + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + // icons inside the entry + GtkImage { + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } + + &.left { padding-left: 0; padding-right: 6px; } + &.right { padding-left: 6px; padding-right: 0; } + } + + .undershoot { + &.left { @include undershoot(left); } + &.right { @include undershoot(right); } + } + + &.flat { + &:focus, & { + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; + } + } + + &:focus { @include entry(focus); } + + &:insensitive { @include entry(insensitive); } + + &:backdrop { + @include entry(backdrop); + + transition: $backdrop_transition; + } + + &:backdrop:insensitive { @include entry(backdrop-insensitive); } + &:backdrop:insensitive { @include entry(backdrop-insensitive); } + + &:selected { &:focus, & { @extend %selected_items; }} + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + border-color: entry_focus_border($e_color); + + &:focus { @include entry(focus, $e_color); } + + &:selected { &:focus, & { background-color: $e_color; }} + } + } + + } + + .progressbar { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + box-shadow: none; + + &:backdrop { background-color: transparent; } + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + .linked:not(.vertical) > &:focus + &, + .linked:not(.vertical) > &:focus + button, + .linked:not(.vertical) > &:focus + combobox > box > button.combo { border-left-color: entry_focus_border(); } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:insensitive) + entry:not(:insensitive), + &:not(:insensitive) + %entry:not(:insensitive) { + border-top-color: mix($borders_color, $base_color, 30%); + background-image: linear-gradient(to bottom, $base_color); + + &:backdrop { + border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%); + background-image: linear-gradient(to bottom, $backdrop_base_color); + } + } + + // brighter border between linked insensitive entries + &:insensitive + %entry:insensitive { border-top-color: mix($borders_color, $base_color, 30%); } + + // color back the top border of a linked focused entry following another entry and add back the focus shadow. + // :not(:only-child) is a specificity bump hack. + + %entry:focus:not(:only-child) { border-top-color: entry_focus_border(); } + + // this takes care of coloring the top border of the focused entry subsequent widget. + // :not(:only-child) is a specificity bump hack. + &:focus:not(:only-child) { + + %entry, + + .entry, + + .button, + + GtkComboBox > box > .button.combo { border-top-color: entry_focus_border(); } + } + } +} + +GtkTreeView .acceleditor > GtkLabel { + background-color: $selected_bg_color; +} + +GtkTreeView .entry { + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } +} diff --git a/Paper/gtk-3.18/widgets/_expanders.scss b/Paper/gtk-3.18/widgets/_expanders.scss new file mode 100644 index 0000000..bcf16e3 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_expanders.scss @@ -0,0 +1,14 @@ +/************* + * Expanders * + *************/ +expander { + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover { color: lighten($fg_color,30%); } //only lightens the arrow + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_floating-bar.scss b/Paper/gtk-3.18/widgets/_floating-bar.scss new file mode 100644 index 0000000..c133354 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_floating-bar.scss @@ -0,0 +1,36 @@ +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: $bg_color; + padding-top:1px; + border-width: 1px; + border-style: solid solid none; + border-color: $borders_color; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px $top_highlight; + + &.bottom { + + &.left { + border-left-style: none; + border-top-left-radius: 0; + border-top-right-radius: 4px; + } + + &.right { + border-right-style: none; + border-top-right-radius: 0; + border-top-left-radius: 4px; + } + } + + > .button { + padding:4px; + } + + &:backdrop { + background-color: $backdrop_bg_color; + border-color: $backdrop_borders_color; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_frames.scss b/Paper/gtk-3.18/widgets/_frames.scss new file mode 100644 index 0000000..6114e03 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_frames.scss @@ -0,0 +1,79 @@ +/********** + * Frames * + **********/ +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: $backdrop_borders_color; } +} + +GtkScrolledWindow { + GtkViewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } + } + + // Overflow indication, works similarly to the overshoot, the size if fixed tho. + undershoot { + &.top { @include undershoot(top); } + + &.bottom { @include undershoot(bottom); } + + &.left { @include undershoot(left); } + + &.right { @include undershoot(right); } + } + + junction { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot between the borders, details, details, details... + border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $scrollbar_bg_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } + + &:backdrop { + border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); + background-color: $backdrop_scrollbar_bg_color; + transition: $backdrop_transition; + } + } +} + +//vbox and hbox separators +.separator { + background: transparentize(black, 0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_granite.scss b/Paper/gtk-3.18/widgets/_granite.scss new file mode 100644 index 0000000..1f947b6 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_granite.scss @@ -0,0 +1,225 @@ +/************ + * Popovers * + ************/ + +GraniteWidgetsPopOver { + + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + + border: 1px solid $base_color; + background: $base_color; + color: $fg_color; + + .button { + background-image: none; + background: none; + border: none; + + &:active, + &:active:hover, { + color: $selected_bg_color; + } + } + + > .frame { + border:none; + } + + .sidebar.view { + border: none; + background: none; + } +} + +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.popover_bg { + background-color: $base_color; + border: 1px solid $base_color; + color: $fg_color; +} + + +/*********** + * Welcome * + **********/ + +GraniteWidgetsWelcome { + background-color: $base_color; + + GtkLabel { + color: $fg_color; + } + + .h1,.h3 { + color: transparentize($fg_color, 0.2); + } +} + +/************** +* Source List * +***************/ + +.source-list { + -GtkTreeView-horizontal-separator: 4px; + -GtkTreeView-vertical-separator: 4px; + + + background-color: $bg_color; + border: solid $borders_color; + color: $fg_color; + border-right-width: 1px; + + .view { + border-width:0; + border-style:solid; + border-color:$borders_color; + } + + &:backdrop {} + + .category-expander { + border:none; + color: $fg_color; + } + + .badge { + background-image: none; + background-color: transparentize(black, 0.6); + color: $bg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; + + &:selected:backdrop, + &:selected:hover:backdrop { + background-color: transparentize(black, 0.8); + color: darken($bg_color, 5%); + } + } + + .list-row { + border:none; + padding: 0; + + > GtkLabel { + padding-left: 6px; + padding-right: 6px; + } + } + + &.sidebar { + border-width:0; + border-style:solid; + border-color:$borders_color; + + &.left, + &.right { + border-width:0; + } + } +} + +/************** +* Text Styles * +**************/ + +.h1 { + font-size: 24px; +} + +.h2 { + font-weight: 300; + font-size: 18px; +} + +.h3 { + font-size: 9px; +} + +.h4 { + font-weight: bold; + font-size: 9px; +} + +.category-label { + font-size: 9px; + padding: 6px; + color: transparentize($fg_color, 0.1); + font-weight: bold; + text-shadow: 0 1px transparentize(white,0.8); +} + + +/************** +* Storage Bar * +**************/ +.storage-bar { + + .trough { + border: none; + box-shadow:0 1px 0 0 $bottom_highlight; + background-image: none; + background-color: transparent; + padding: 8px 6px; + } + + .fill-block { + background-color: $yellow; + border:none; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), inset 0 -1px 0 0 transparentize(black, 0.9); + + transition: all 200ms ease-in-out; + + padding: 8px 6px; + + &:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset 1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset -1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &.empty-block { + background-color: $base_color; + } + + &.app { + background-color: $blue; + } + + &.audio { + background-color: $orange; + } + + &.photo { + background-color: $red; + } + + &.video { + background-color: $purple; + } + + .legend { + padding: 12px; + border-radius: 4px; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_header-bars.scss b/Paper/gtk-3.18/widgets/_header-bars.scss new file mode 100644 index 0000000..2a10f30 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_header-bars.scss @@ -0,0 +1,365 @@ +/*************** + * Header Bars * + ***************/ + +%titlebar, +.header-bar { + padding:0 8px; + border: none; + border-radius: 4px 4px 0 0; + + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + + box-shadow: inset 0 1px $top_highlight; + + &:backdrop { + background-color: $headerbar_bg_color; + color: $backdrop_headerbar_fg_color; + + box-shadow: inset 0 1px transparentize($top_highlight, 0.4); + + transition: $backdrop_transition; + } + + .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: $headerbar_fg_color; + + &:backdrop { + color:$backdrop_headerbar_fg_color; + } + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: $headerbar_fg_color; + + @extend .dim-label; + } + + // selection mode + &.selection-mode { + + border-radius: 4px 4px 0 0; + + color: $selected_fg_color; + text-shadow: 0 -1px transparentize(black, 0.5); + border-color: $selected_borders_color; + + background-color: $selection_mode_headerbar_bg_color; + box-shadow: inset 0 1px $top_highlight; + + &:backdrop { + background-color: darken($selection_mode_headerbar_bg_color, 10%); + background-image: none; + box-shadow: inset 0 1px transparentize($top_highlight, 0.4); + } + + .subtitle:link { @extend *:link:selected; } + + .selection-menu { + &:backdrop, & { + border-color: transparentize($selected_bg_color, 1); + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 1)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; + + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: transparentize($selected_fg_color,0.5); + icon-shadow: none; + } + } + } + } + + .tiled &, + .maximized & { &:backdrop, & { border-radius: 0; }} // squared corners when the window is maximized or tiled + + &.default-decoration { + padding: 6px; + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + + .maximized { + padding: 6px; + } + + &:backdrop { + background-color: $backdrop_headerbar_bg_color; + color: $backdrop_headerbar_fg_color; + } + } + + // Entries + + .entry { + + margin:6px 0; + border-radius: 2px; + padding: 4px; + + border: none; + box-shadow: none; + background: transparentize($base_color, 0.05); + color: $fg_color; + box-shadow: 0 1px 0 0 transparentize(black, 0.8); + + > .image { + padding-right: 6px; + color: transparentize($fg_color, 0.2); + } + + &:active, + &:focus { + background: $base_color; + color: $fg_color; + + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + + > .image { + padding-right: 6px; + color: $fg_color; + } + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:insensitive { + background: transparentize($base_color, 0.4); + color: transparentize($fg_color, 0.5); + box-shadow: none; + + > .image { + padding-right: 6px; + color: transparentize($fg_color, 0.5); + } + + &:backdrop { + background: transparentize($base_color, 0.5); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + + > .image { + color: transparentize($fg_color, 0.5); + } + } + } + + // Buttons + + // header bar buttons have no backgrounds or borders + .button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; + + &.back-button, + &.suggested-action, + &.menu-button, + &.text-button, + &.image-button, + &.linked, + &.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; + color: $headerbar_fg_color; + + &:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: $backdrop_headerbar_fg_color; + } + + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow:none; + text-shadow:none; + } + } + + GtkImage { + color: $headerbar_fg_color; + } + + &:focus, + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow:none; + text-shadow:none; + } + + &:backdrop { + background-color: transparent; + background-image: none; + color: $backdrop_headerbar_fg_color; + + GtkImage { + color: $backdrop_headerbar_fg_color; + } + } + + &:active, + &:checked { + border-radius: 0px; + + text-shadow: none; + icon-shadow: none; + + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + + background-color: transparent; + background-image: none; + color: $headerbar_fg_color; + + &:backdrop { + background-color: transparent; + background-image: none; + color: $backdrop_headerbar_fg_color; + + box-shadow: inset 0 -2px 0 0 $backdrop_headerbar_fg_color; + } + + &:focus, + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + } + } + + &:insensitive, + &:insensitive:backdrop { + color: $backdrop_headerbar_fg_color; + background-color: transparent; + background-image: none; + + image, + GtkImage { + -gtk-image-effect: dim; + } + } + + // Title Button + &.titlebutton { + background-color:transparent; + background-image: none; + border-radius:50%; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 1px; + text-shadow: none; + color:$headerbar_fg_color; + + &:hover { + background-color:transparentize($headerbar_fg_color, 0.9); + color:lighten($headerbar_fg_color, 10%); + } + + &:backdrop { + background-color:transparent; + color:$backdrop_headerbar_fg_color; + } + + &:active { + background-color:$headerbar_fg_color; + color:$headerbar_bg_color; + border-radius:50%; + box-shadow:none; + + GtkImage { + color:$headerbar_bg_color; + } + } + } + + // Linked button + &.linked { + &:first-child, + &:last-child { + border-radius:0; + } + } + } + + // Separator + + .separator { + color: transparent; + background-color: transparent; + } +} + +.titlebar { + &, &:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } +} + +.header-bar { + .separator:first-child + &, + separator:first-child + &, // tackles the paned container case + &:first-child { &, &:backdrop { border-top-left-radius: 4px; }} + + &:last-child { &, &:backdrop { border-top-right-radius: 4px; }} +} + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: $headerbar_bg_color; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + + &:backdrop { + background-color: $backdrop_headerbar_bg_color; + } + } + + @extend %titlebar; +} diff --git a/Paper/gtk-3.0/widgets/_infobars.scss b/Paper/gtk-3.18/widgets/_infobars.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_infobars.scss rename to Paper/gtk-3.18/widgets/_infobars.scss diff --git a/Paper/gtk-3.18/widgets/_level-bars.scss b/Paper/gtk-3.18/widgets/_level-bars.scss new file mode 100644 index 0000000..2d7876b --- /dev/null +++ b/Paper/gtk-3.18/widgets/_level-bars.scss @@ -0,0 +1,85 @@ +/************* + * Level Bar * + *************/ +GtkLevelBar, +.level-bar { + + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; + + &:backdrop { transition: $backdrop_transition; } + + .trough { + @extend %scale_trough; + margin: 0; + padding:2px; + border-radius:3px; + } + + &.horizontal.indicator-discrete.fill-block { margin: 0 1px; } + &.horizontal.discrete block { margin: 0 1px; } + + &.vertical.indicator-discrete.fill-block { margin: 1px 0; } + &.vertical.discrete block { margin: 1px 0; } + + %fill-block, + .fill-block { + + border-radius:2px; + + &.low, + &.level-low { + border:1px solid darken($warning_color,10%); + background-color: $warning_color; + + &:backdrop { border:1px solid $warning_color; }; + } + + &.high, + &.level-high { + border:1px solid darken($selected_bg_color,10%); + background-color: $selected_bg_color; + + &:backdrop { border:1px solid $selected_bg_color; } + } + + &.full, + &.level-full { + border:1px solid darken($success_color,10%); + background-color: $success_color; + + &:backdrop { border:1px solid $success_color; }; + } + + &.empty, + &.level-empty { + background-color: transparent; + border:1px solid if($variant=='light', transparentize($fg_color,0.8), + transparentize($fg_color,0.9)); + box-shadow: none; + + &:backdrop { border-color: transparentize($backdrop_fg_color,0.85); } + } + } + + // Trough + &.horizontal, + &.vertical { + .trough { + @extend %scale_trough; + } + } + + + // Vertical + &.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; + + .fill-block { + + @extend %fill-block; + + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_links.scss b/Paper/gtk-3.18/widgets/_links.scss new file mode 100644 index 0000000..7fcdadf --- /dev/null +++ b/Paper/gtk-3.18/widgets/_links.scss @@ -0,0 +1,49 @@ +/********* + * Links * + *********/ +*:link { + color: $link_color; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + + &:hover { + color: lighten($link_color,10%); + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + } + + &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: $selected_bg_color; }} + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } +} + +.button:link, +.button:visited { + @extend %undecorated_button; + + @extend *:link; + + text-shadow: none; + + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > GtkLabel { text-decoration-line: underline; } +} diff --git a/Paper/gtk-3.18/widgets/_lists.scss b/Paper/gtk-3.18/widgets/_lists.scss new file mode 100644 index 0000000..cd33b1e --- /dev/null +++ b/Paper/gtk-3.18/widgets/_lists.scss @@ -0,0 +1,29 @@ +/********* + * Lists * + *********/ +.list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + +} + +.list-row { + border-radius:0; + transition: all 150ms $ease-out-quad; + + GtkImage { + padding-right: 6px; + } + + &:hover { transition: none; } + + &:backdrop { transition: $backdrop_transition; } + + &:selected { @extend %selected_items; } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_menus.scss b/Paper/gtk-3.18/widgets/_menus.scss new file mode 100644 index 0000000..072540f --- /dev/null +++ b/Paper/gtk-3.18/widgets/_menus.scss @@ -0,0 +1,117 @@ +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px transparentize(black, 0.9); + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + + &:backdrop { background-color: $backdrop_headerbar_bg_color; } + + > .menuitem { + padding: 4px 8px; + + &:hover { //Seems like it :hover even with keyboard focus + box-shadow: inset 0 -3px $selected_bg_color; + color: $headerbar_fg_color; + } + + &:insensitive { + color: $insensitive_fg_color; + box-shadow: none; + } + } +} + +.menu, +.popup { + padding: 4px 0px; + background-color: $menu_color; + border: 1px solid $borders_color; // adds borders in a non composited env + border-radius: 4px; + box-shadow: 0 2px 4px 0 transparentize(black,0.9), + inset 0 1px 0 0 transparentize(white,0.9); + + .csd & { border: none; } // axes borders in a composited env + + &:backdrop { background-color: $backdrop_menu_color; } + + .menuitem { + padding: 8px 4px; + text-shadow: none; + + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:insensitive { + color: $insensitive_fg_color; + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop, + &:backdrop:hover { + color: $backdrop_fg_color; + background-color: transparent; + } + + // submenu indicators + .arrow { + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 10px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: 10px; + } + } + } + + // overflow arrows + > .arrow { + @include button(undecorated); + + padding: 4px; + background-color: $menu_color; + border-radius: 0; + + &.top { + margin-top: -6px; + border-bottom: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-bottom: -6px; + border-top: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { background-color: mix($fg_color, $base_color, 10%); } + + &:backdrop { background-color: $backdrop_menu_color; } + + &:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +.menuitem { + .accelerator { color: gtkalpha(currentColor,0.55); } + + .check, + .radio { + + &:dir(ltr) { margin-right: 7px; } + &:dir(rtl) { margin-left: 7px; } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_misc.scss b/Paper/gtk-3.18/widgets/_misc.scss new file mode 100644 index 0000000..e26f75b --- /dev/null +++ b/Paper/gtk-3.18/widgets/_misc.scss @@ -0,0 +1,66 @@ +/******** + * Misc * + ********/ + +//content view (grid/list) +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-image-effect: highlight; } + + &:backdrop { background-color: darken($bg_color,7%); } + +} + +.scale-popup { + .osd & { @extend %osd; } + + .osd & button.flat { //FIXME: quick hack, redo properly + border-style: none; + border-radius: 5px; + } + + // +/- buttons on GtkVolumeButton popup + .button, + button { + &:hover { + @extend %undecorated_button; + background-color: transparentize($fg_color,0.9); + border-radius: 5px; + } + + &:backdrop { &:hover, &:insensitive, & { @extend %undecorated_button; }} + } +} + +.separator { + color: $borders_color; +} + +/************ +* Assistant * +*************/ + +GtkAssistant { + + border-bottom-left-radius:4px; + border-bottom-right-radius:4px; + + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + border-bottom-left-radius:4px; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar GtkLabel { padding: 6px 12px; } + + .sidebar GtkLabel.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_notebooks.scss b/Paper/gtk-3.18/widgets/_notebooks.scss new file mode 100644 index 0000000..1e8a087 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_notebooks.scss @@ -0,0 +1,113 @@ +/************* + * Notebooks * + *************/ +.dynamic-notebook, +.notebook { + padding:0; + background-color: $base_color; + box-shadow:0 0 0 1px $borders_color; + background-clip: border-box; + + > .header { + border: none; + box-shadow:none; + background-color: $bg_color; + } + + > tab { + border-radius: 0; + background-color: $bg_color; + + &.top { + padding: 6px 8px 8px 8px; + box-shadow:inset 0 -1px 0 0 $borders_color; + + &:active { + box-shadow:inset 0 -3px 0 0 $selected_bg_color; + + &:backdrop { + box-shadow:inset 0 -3px 0 0 $backdrop_selected_bg_color; + } + } + + &:backdrop { + box-shadow:inset 0 -1px 0 0 $backdrop_borders_color; + } + + &:insensitive { + box-shadow:inset 0 -1px 0 0 $insensitive_borders_color; + } + } + + &.bottom { + padding: 8px 8px 6px 8px; + box-shadow:inset 0 1px 0 0 $borders_color; + + &:active { + box-shadow:inset 0 3px 0 0 $selected_bg_color; + + &:backdrop { + box-shadow:inset 0 3px 0 0 $backdrop_selected_bg_color; + } + } + + &:backdrop { + box-shadow:inset 0 1px 0 0 $backdrop_borders_color; + } + + &:insensitive { + box-shadow:inset 0 1px 0 0 $insensitive_borders_color; + } + } + + &.left { + padding: 8px; + box-shadow:inset -1px 0 0 0 $borders_color; + + &:active { + box-shadow:inset -3px 0 0 0 $selected_bg_color; + + &:backdrop { + box-shadow:inset -3px 0 0 0 $backdrop_selected_bg_color; + } + } + + &:backdrop { + box-shadow:inset -1px 0 0 0 $backdrop_borders_color; + } + + &:insensitive { + box-shadow:inset -1px 0 0 0 $insensitive_borders_color; + } + } + + &.right { + padding: 8px; + box-shadow:inset 1px 0 0 0 $borders_color; + + &:active { + box-shadow:inset 3px 0 0 0 $selected_bg_color; + + &:backdrop { + box-shadow:inset 3px 0 0 0 $backdrop_selected_bg_color; + } + } + + &:backdrop { + box-shadow:inset 1px 0 0 0 $backdrop_borders_color; + } + + &:insensitive { + box-shadow:inset 1px 0 0 0 $insensitive_borders_color; + } + } + + &:active { + font-weight: bold; + } + + &:hover { + background: darken($bg_color, 5%); + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_paned.scss b/Paper/gtk-3.18/widgets/_paned.scss new file mode 100644 index 0000000..1b1e987 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_paned.scss @@ -0,0 +1,56 @@ +/********* + * Paned * + *********/ +.paned { + > .separator { + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: $borders_color; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-size: 1px 1px; + + &:selected { background-color: $selected_bg_color } // FIXME is this needed? + + &:backdrop { background-color: $backdrop_borders_color } + + } + + border: solid $borders_color; + border-left-width: 1px; + + &.horizontal > .separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > .separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_pathbars.scss b/Paper/gtk-3.18/widgets/_pathbars.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_pathbars.scss rename to Paper/gtk-3.18/widgets/_pathbars.scss diff --git a/Paper/gtk-3.18/widgets/_popovers.scss b/Paper/gtk-3.18/widgets/_popovers.scss new file mode 100644 index 0000000..bac0699 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_popovers.scss @@ -0,0 +1,43 @@ +/************ + * Popovers * + ************/ +GtkPopover, +.popover.background { + padding: 2px; + border-radius: 4px; + border:none; + background-color: $popover_bg_color; + + .csd &, & { border: 1px solid $borders_color; } + + box-shadow: 0 1px 2px transparentize(black, 0.7); + + &:backdrop { + background-color: $backdrop_bg_color; + box-shadow: none; + } + + > .view, + > .toolbar { + border-style: none; + background-color: transparent; + } + + .csd &, & { + &.touch-selection, + &.magnifier { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + + button { @extend %osd_button }; + } + + &.osd { @extend %osd; } + } + + .separator { margin: 3px; } + + .check, + .radio { @extend modelbutton.flat; } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_progress-bars.scss b/Paper/gtk-3.18/widgets/_progress-bars.scss new file mode 100644 index 0000000..e86d4ec --- /dev/null +++ b/Paper/gtk-3.18/widgets/_progress-bars.scss @@ -0,0 +1,91 @@ +/***************** + * Progress bars * + *****************/ + +GtkProgressBar, +.progressbar { + + @extend %scale_trough; + + // sizing + &.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border + &.vertical progress { margin: -1px 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + + &:active { + border-radius:0px; + color: transparentize(black,0.5); + background-color: $selected_bg_color; + border-color: darken($selected_bg_color, 10%); + + &:backdrop { + background-color: lighten($selected_bg_color, 10%); + border-color: lighten(darken($selected_bg_color, 10%), 10%); + } + } + + &:backdrop { + transition: $backdrop_transition; + } + + .progressbar { + @extend %scale_highlight; + + border-radius: 0px; + + // default 2px + &.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + + &.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + } + + &.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; + } + + &.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; + } + } + + &:backdrop .progressbar { @extend %scale_highlight:backdrop; } // states not passed here as well + &:backdrop progress { @extend %scale_highlight:backdrop; } // states not passed here as well + + &.osd { // progressbar.osd used for epiphany page loading progress + background-color: transparent; + + .trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + } + + .progressbar { + border-style: none; + border-radius: 0; + } + } + + // In-Row + + row, + .list-row { + &:selected { + border: 1px solid darken($selected_bg_color, 10%); + color: transparentize(black,0.5); + background-color: $selected_bg_color; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_scales.scss b/Paper/gtk-3.18/widgets/_scales.scss new file mode 100644 index 0000000..388828f --- /dev/null +++ b/Paper/gtk-3.18/widgets/_scales.scss @@ -0,0 +1,268 @@ +/********** + * Scales * + **********/ + +%scale_trough { + border:none; + background-color: $base_color; + box-shadow: inset 0 0 0 1px transparentize(black, 0.8), 0px 1px $bottom_highlight; + + padding:0; + margin: 0; + + &:insensitive { + background-color: $insensitive_bg_color; + } + + &:backdrop { + background-color: $backdrop_base_color; + transition: $backdrop_transition; + + &:insensitive { background-color: $insensitive_bg_color; } + } + + // on selected list rows + row:selected & { + box-shadow: none; + + &, &:insensitive { border-color: $selected_borders_color; } + } + + // OSD + .osd & { + border-color: $osd_borders_color; + background-color: transparentize($osd_borders_color, 0.2); + box-shadow: none; + outline-color: transparentize($osd_fg_color, 0.8); + + &:insensitive { background-color: $osd_insensitive_bg_color; } + } +} + +%scale_highlight { + + border: 1px solid $selected_borders_color; + background-color: $selected_bg_color; + box-shadow: 0px 1px $bottom_highlight; + + border-radius: 4px; + + + &:insensitive { + border: 1px solid darken($borders_color, 15%); + background-color: darken($bg_color, 20%); + } + + &:backdrop, + &:active:backdrop { + border-color: if($variant=='light', $selected_bg_color, $selected_borders_color); + background-color: lighten($selected_bg_color, 10%); + &:insensitive { + background-color: transparent; + border-color: transparent; + } + } + + // on selected list rows + .list-row:selected & { &:insensitive, & { border-color: $selected_borders_color; } } + row:selected & { &:insensitive, & { border-color: $selected_borders_color; } } + + // OSD + .osd & { + border-color: $osd_borders_color; + + &:insensitive { border-color: transparent; } + } +} + + +// Scale +.scale { + // sizing + + $_marks_length: 6px; + $_marks_distance: 6px; + + + -GtkScale-slider-length: 16px; + -GtkRange-slider-width: 16px; + -GtkRange-trough-border: 0px; + + padding: 8px; + + // those are inside the trough node, I need them to show their own border over the trough one, so negative margin + .highlight { margin: -1px; } + + // Slider, the scale handle + .slider { + margin: 2px; + + background-color:$base_color; + box-shadow:0 1px 1px 0 transparentize(black, 0.8); + border: 1px solid transparentize(black, 0.7); + border-radius: 12px; + + transition: $button_transition; + transition-property: background, border, box-shadow; + + &:hover {} + &:active { + box-shadow:0 1px 1px 0 transparentize($selected_bg_color, 0.5); + border: 1px solid $selected_bg_color; + + &:insensitive { + box-shadow:none; + border: 1px solid transparentize(black, 0.8); + } + } + + &:insensitive { + box-shadow:none; + } + + &:backdrop {} + + .list-row:selected & { &, &:insensitive { border-color: $selected_borders_color; } } + row:selected & { &, &:insensitive { border-color: $selected_borders_color; } } + + // OSD + .osd & { + @include button(osd); + border-color: darken($osd_borders_color, 3%); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:hover { @include button(osd-hover); } + + &:active { @include button(osd-active); } + + &:insensitive { @include button(osd-insensitive); } + + &:backdrop { + @include button(osd-backdrop); + + &:insensitive { @include button(osd-backdrop-insensitive); } + } + } + } + + // Trough + .trough { + @extend %scale_trough; + border-radius: 2px; + margin: 6px; + + outline-offset: 2px; + outline-radius: 5px; + + &.horizontal { + } + + &.vertical { + } + } + + + // The coloured part of the Trough + .highlight{ + @extend %scale_highlight; + } + + // Fine-tune mode + // when you click-and-hold the slider + &.fine-tune { + + &.horizontal { + padding-top: 9px; + padding-bottom: 9px; + } + + &.vertical { + padding-left: 9px; + padding-right: 9px; + } + + // to make the trough grow in fine-tune mode + .slider { + + background-color:$base_color; + border-color:$base_color; + border: 1px solid transparentize(black, 0.7); + border-radius: 12px; + box-shadow:none; + } + + .trough { + @extend %scale_trough; + + border-radius:6px; + + outline-offset: 2px; + outline-radius: 5px; + + margin: 2px; + } + + .highlight { + @extend %scale_highlight; + } + } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + @extend %scale_trough; + border-radius: 2px; + + &, &:backdrop { + background-color: $borders_color; + box-shadow: none; + } + + &:insensitive { + &, &:backdrop { + border-color: transparent; + background-color: transparent; + } + } + + // OSD + .osd & { + background-color: mix($osd_fg_color, $osd_borders_color, 25%); + + &:insensitive { + &, &:backdrop { + border-color: transparent; + background-color: transparent; + } + } + } + } + + value { color: gtkalpha(currentColor, 0.4); } + + marks { + color: gtkalpha(currentColor, 0.4); + + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length); + } + } + } + + &.fine-tune marks { + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 3px); + } + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_scrollbars.scss b/Paper/gtk-3.18/widgets/_scrollbars.scss new file mode 100644 index 0000000..f127e2c --- /dev/null +++ b/Paper/gtk-3.18/widgets/_scrollbars.scss @@ -0,0 +1,188 @@ +/************** + * Scrollbars * + **************/ + +.scrollbar { + $_slider_min_length: 40px; + + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: $scrollbar_bg_color; + transition: 300ms $ease-out-quad; + + // scrollbar border + &.top { border-bottom: 1px solid $borders_color; } + &.bottom { border-top: 1px solid $borders_color; } + &.left { border-right: 1px solid $borders_color; } + &.right { border-left: 1px solid $borders_color; } + + &:backdrop { + background-color: $backdrop_scrollbar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + // slider + .slider { + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + + &:hover { background-color: $scrollbar_slider_hover_color; } + + &:hover:active { background-color: $scrollbar_slider_active_color; } + + &:backdrop { background-color: $backdrop_scrollbar_slider_color; } + + &:insensitive { background-color: transparent; } + } + + &.fine-tune { + .slider { + } + + &.horizontal .slider { border-width: 5px 4px; } + &.vertical .slider { border-width: 4px 5px; } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + .slider { + margin: 0; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + .button, + button { + background-color: $fg_color; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid if($variant == 'light', white, black); + -gtk-icon-source: none; + } + + &.horizontal { + .slider, + slider { + margin: 0 2px; + } + + .button, + button { + margin: 1px 2px; + } + } + + &.vertical { + .slider { + margin: 2px 0; + } + + .button { + margin: 2px 1px; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + + + // button styling + .button { + padding: 0; + border-style: none; + border-radius: 0; + + @include button(undecorated); + + color: $scrollbar_slider_color; + + &:hover { + @include button(undecorated); + + color: $scrollbar_slider_hover_color; + } + &:active, &:checked { + @include button(undecorated); + + color: $scrollbar_slider_active_color; + } + &:insensitive { + @include button(undecorated); + + color: transparentize($scrollbar_slider_color, 0.8); + } + &:backdrop { + @include button(undecorated); + + color: $backdrop_scrollbar_slider_color; + + &:insensitive { + @include button(undecorated); + + color: transparentize($backdrop_scrollbar_slider_color, 0.8); + } + } + } + + // button icons + &.vertical { + .button, + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + } + + &.horizontal { + .button, + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); } + &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } + } + } +} + +GtkTreeView ~ .scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} + + +/********************** + * Overlay Scrollbars * + *********************/ + +OsThumb, +OsScrollbar { + + color: $selected_bg_color; + + &:active, + &:selected { + background-color: $selected_bg_color; + } + + &:backdrop, + &:active:backdrop { + background-color: $backdrop_fg_color; + } + + &:insensitive { + background-color: $insensitive_fg_color; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_sidebar.scss b/Paper/gtk-3.18/widgets/_sidebar.scss new file mode 100644 index 0000000..35a26e9 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_sidebar.scss @@ -0,0 +1,73 @@ +/*********** + * Sidebar * + ***********/ +.sidebar { + padding:0; + border-style: solid; + background-color: $bg_color; + + &.left { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + + &:backdrop { + background-color: $backdrop_sidebar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + .frame { + border-width:0; + border-left-width:1px; + border-right-width:1px; + } + + .sidebar-item, + .sidebar-row { + padding: 5px 8px; + + GtkImage { + padding-right: 6px; + padding-left: 6px; + } + + &:selected, + &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; + box-shadow:none; + } + + &:backdrop { + background-color: lighten($selected_bg_color, 20%); + } + } + + &:hover { + background-color: $base_color; + color: $fg_color; + box-shadow:0 2px 2px 0 transparentize(black, 0.8); + + &:backdrop { + box-shadow:none; + } + } + } + + .separator { + color: $borders_color; + } + + .paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} + +} diff --git a/Paper/gtk-3.18/widgets/_spinbuttons.scss b/Paper/gtk-3.18/widgets/_spinbuttons.scss new file mode 100644 index 0000000..f168d7c --- /dev/null +++ b/Paper/gtk-3.18/widgets/_spinbuttons.scss @@ -0,0 +1,172 @@ +/***************** + * GtkSpinButton * + *****************/ + +.spinbutton { + &:not(.vertical) { + + @extend %entry; + + .entry { + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + } + + .button { + margin: 0; + padding: 6px; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: none; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: $base_hover_color; + } + + &:insensitive { color: transparentize($insensitive_fg_color, 0.7); } + + &:active { + background-color: transparentize(black, 0.9); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_base_color, 90%); + background-color: transparent; + border-color: transparentize($backdrop_borders_color, 0.7); + transition: $backdrop_transition; + } + + &:backdrop:insensitive { + color: transparentize($backdrop_insensitive_color,0.7); + background-image: none; + border-style: none none none solid; // It is needed or it gets overridden + + &:dir(rtl) { border-style: none solid none none; } + } + } + } + + // OSD horizontal + .osd &:not(.vertical) { + .button { + @include button(undecorated); + + color: $osd_fg_color; + border-style: none none none solid; + border-color: transparentize($osd_borders_color, 0.3); + border-radius: 0; + box-shadow: none; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: transparentize($osd_fg_color, 0.9); + box-shadow: none; + } + + &:backdrop { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + box-shadow: none; + } + + &:insensitive { + @include button(undecorated); + + color: $osd_insensitive_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + box-shadow: none; + } + + &:last-child { border-radius: 0 3px 3px 0; } + + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + + // Vertical + &.vertical { + + &:insensitive { color: $insensitive_fg_color; } + &:backdrop:insensitive { color: $backdrop_insensitive_color; } + + .entry { + padding: 0; + border-radius: 0; + } + + .button { + padding: 0; + border: none; + background: none; + box-shadow: none; + color: $fg_color; + + &:hover { + background-color:$selected_bg_color; + color: $selected_fg_color; + icon-shadow:none; + } + + &:active { + background-color:transparent; + color: $fg_color; + } + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; + } + + %bottom_button { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; + } + } + + // OSD vertical + .osd &.vertical button:first-child { + @include button(osd); + + &:hover { @include button(osd-hover);} + + &:active { @include button(osd-active); } + + &:insensitive { @include button(osd-insensitive); } + + &:backdrop { @include button(osd-backdrop); } + } + + // Misc + + GtkTreeView &:not(.vertical) { + border-style: none; + border-radius: 0; + + .entry { + padding: 1px 2px; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_spinner.scss b/Paper/gtk-3.18/widgets/_spinner.scss similarity index 91% rename from Paper/gtk-3.0/widgets/_spinner.scss rename to Paper/gtk-3.18/widgets/_spinner.scss index cb14b08..b8b9f4a 100644 --- a/Paper/gtk-3.0/widgets/_spinner.scss +++ b/Paper/gtk-3.18/widgets/_spinner.scss @@ -28,6 +28,6 @@ spinner { opacity: 1; animation: spin 1s linear infinite; - &:insensitive, &:disabled { opacity: 0.5; } + &:insensitive, &:insensitive { opacity: 0.5; } } } \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_switches.scss b/Paper/gtk-3.18/widgets/_switches.scss new file mode 100644 index 0000000..8c1845e --- /dev/null +++ b/Paper/gtk-3.18/widgets/_switches.scss @@ -0,0 +1,79 @@ +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + + border: none; + border-radius: 14px; + color: transparent; + + background-color: transparentize(black, 0.9); + box-shadow: inset 0 0 0 1px transparentize(black, 0.95), 0px 1px $bottom_highlight; + + &:insensitive { + background-color: $insensitive_bg_color; + } + + &:backdrop { + background-color: $backdrop_bg_color; + transition: $backdrop_transition; + + &:insensitive { background-color: $insensitive_bg_color; } + } + + + &:active, + &:checked { + background-color: $selected_bg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + + .slider, + slider { + &:backdrop { + box-shadow:none; + background-color:transparentize($base_color, 0.1); + border:none; + } + } + } + } + + // Handle + .slider { + padding:2px; + border-radius: 50%; + transition: $button_transition; + background-color: $base_color; + + box-shadow: 0 2px 2px transparentize(black, 0.8), + 0 1px 2px transparentize(black, 0.8); + + &:backdrop { + padding:2px; + box-shadow:none; + background-color:$base_color; + } + } + + // Trough + .trough { + + &:active, + &:checked { + background-color: $selected_bg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + } + } + } +} diff --git a/Paper/gtk-3.0/widgets/_toolbars.scss b/Paper/gtk-3.18/widgets/_toolbars.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_toolbars.scss rename to Paper/gtk-3.18/widgets/_toolbars.scss diff --git a/Paper/gtk-3.18/widgets/_tooltips.scss b/Paper/gtk-3.18/widgets/_tooltips.scss new file mode 100644 index 0000000..bd34a1d --- /dev/null +++ b/Paper/gtk-3.18/widgets/_tooltips.scss @@ -0,0 +1,29 @@ +/************ + * Tooltips * + ************/ +.tooltip, +.overlay-bar { + + margin: 4px; + border: none; + border-radius: 3px; + background-color: $base_color; + color: $fg_color; + box-shadow: 0 1px 2px 0 transparentize(black, 0.7); + + &.background { + background-color: $base_color; + border: none; + } + + * { // Yeah this is ugly + padding: 2px; + background-color: transparent; + color: $fg_color; + } + + .csd { + border-radius: 5px; + box-shadow: none; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_treeviews.scss b/Paper/gtk-3.18/widgets/_treeviews.scss new file mode 100644 index 0000000..92bbc7b --- /dev/null +++ b/Paper/gtk-3.18/widgets/_treeviews.scss @@ -0,0 +1,226 @@ +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + + border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color, + border-top-color: $bg_color; // while this is the grid lines color, better then nothing + + .rubberband,rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + border-radius: 0; + + @extend %selected_items; + } + + &:backdrop, & { + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly + } + } + + &:insensitive { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &.separator { + color: $bg_color; + + &:backdrop { color: transparentize($bg_color, 0.9); } + } + + &:backdrop { + border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + border-top: $backdrop_bg_color; + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($fg_color, $base_color, 70%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + + &:hover { color: $selected_fg_color; } + + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); } + } + + &.progressbar { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + border: 1px solid $selected_borders_color; + border-radius: 4px; + background-color: $selected_bg_color; + background-image: linear-gradient(to bottom, + $selected_bg_color, + darken($selected_bg_color,10%)); + box-shadow: inset 0 1px if($variant=='light', transparentize(white,0.7), + transparentize(white,0.85)), + 0 1px if($variant=='light', transparentize(black, 0.8), + transparentize(black,0.9)); + + &:selected { + &:focus, & { + border-radius: 0; + + @if $variant == 'light' { + color: $selected_bg_color; + box-shadow: none; + } + + @else { box-shadow: inset 0 1px transparentize(white, 0.95); } + + background-image: linear-gradient(to bottom, + $base_color, + darken($base_color,10%)); + + &:backdrop { + @if $variant == 'light' { + color: $selected_bg_color; + border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) + } + + @else { border-color: $backdrop_base_color; } + + background-color: $backdrop_base_color; + } + } + } + + &:backdrop { + @if $variant == 'light' { color: $backdrop_base_color; } + + @else { border-color: $backdrop_base_color; } + + background-image: none; + box-shadow: none; + } + } + + + // progress bar trough in treeviews + &.trough { + background-color: transparentize($fg_color,0.9); + border-radius: 4px; + + &:selected { + &:focus, & { + background-color: if($variant == 'light', + transparentize($selected_fg_color, 0.7), + darken($selected_bg_color, 10%)); + border-radius: 4px; + + @if $variant == 'light' { + border-width: 1px 0; + border-style: solid; + border-color: $selected_bg_color; + } + } + } + } + + // Column Header + + column-header, + header { + .button, + button { + $_column_header_color: mix($fg_color, $base_color, 50%); + + @extend %column_header_button; + + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + box-shadow: none; + + &:hover { + @extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + box-shadow: none; + transition: none; //I shouldn't need this + } + + &:active { + @extend %column_header_button; + + color: $fg_color; + transition: none; //I shouldn't need this + } + } + + button:last-child { &:backdrop, & { border-right-style: none; }} + } + + // for treeview-like derive widgets + .button.dnd, + button.dnd, + column-header.button.dnd, + header.button.dnd { + &:active, &:selected, &:hover, & { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: $selected_bg_color; + color: $base_color; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px $base_color; + text-shadow: none; + } + } +} + +%column_header_button { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: $bg_color; + + &:insensitive { + border-color: $bg_color; + background-image: none; + } + + &:backdrop { + border-color: $backdrop_bg_color; + border-style: none solid solid none; + color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + background-image: none; + background-color: $backdrop_base_color; + + &:insensitive { + border-color: $backdrop_bg_color; + background-image: none; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_windows.scss b/Paper/gtk-3.18/widgets/_windows.scss new file mode 100644 index 0000000..e1e22e2 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_windows.scss @@ -0,0 +1,41 @@ +/********************** + * Window Decorations * + *********************/ + +.window-frame { + + border-radius: 4px; + border-width: 0px; + + box-shadow: 0 8px 9px 1px transparent, + 0 8px 6px 1px transparentize(black, 0.5); + + margin: 10px; + + &:backdrop { + box-shadow: 0 3px 9px 1px transparent, + 0 6px 6px 0 transparentize(black, 0.7); + transition: $backdrop_transition; + } + + .fullscreen &, + .tiled & { border-radius: 0; } + + .popup & { box-shadow: none; } + + // server-side decorations as used by mutter + .ssd & { box-shadow: 0 0 0 1px transparentize(black,0.5);} + + .csd.popup & { + border-radius: 0; + box-shadow: 0 1px 2px transparentize(black, 0.8); + } + + .solid-csd & { + border-radius: 0; + margin: 4px; + background-color: $backdrop_bg_color; + border: 0px solid $backdrop_borders_color; + box-shadow: none; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.20/_apps.scss b/Paper/gtk-3.20/_apps.scss new file mode 100644 index 0000000..83a5301 --- /dev/null +++ b/Paper/gtk-3.20/_apps.scss @@ -0,0 +1,15 @@ +/********************** + * DE-Specific Styles * + **********************/ + +@import 'apps/budgie'; +@import 'apps/gnome'; +@import 'apps/pantheon'; +@import 'apps/unity'; + +/*********************** + * App-Specific Styles * + ***********************/ + +@import 'apps/geary'; +@import 'apps/lightdm'; diff --git a/Paper/gtk-3.20/_colors-public.scss b/Paper/gtk-3.20/_colors-public.scss new file mode 100644 index 0000000..70a06a9 --- /dev/null +++ b/Paper/gtk-3.20/_colors-public.scss @@ -0,0 +1,94 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var + +/* widget text/foreground color */ +@define-color theme_fg_color #{"" +$fg_color}; + +/* text color for entries, views and content in general */ +@define-color theme_text_color #{"" +$text_color}; + +/* widget base background color */ +@define-color theme_bg_color #{"" +$bg_color}; + +/* text widgets and the like base background color */ +@define-color theme_base_color #{"" +$base_color}; + +/* base background color of selections */ +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; + +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +$base_color}; + +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; + +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +$text_color}; + +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; + +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; + +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + +/* widgets main borders color */ +@define-color borders #{"" +$borders_color}; + +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +$backdrop_borders_color}; + +/* these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +//@define-color destructive_color #{$destructive_color} + +//WM + +$_wm_highlight: if($variant=='light', $top_highlight, // Sass gets mad if this is + transparentize(black,1)); // done directly in the + // color definition + +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#{$fg_color}, 1.8); +@define-color wm_unfocused_title #{$backdrop_fg_color}; +@define-color wm_highlight #{"" + $_wm_highlight}; +@define-color wm_borders_edge #{"" + $borders_edge}; + +@define-color wm_bg_a shade(#{$bg_color}, 1.2); +@define-color wm_bg_b #{$bg_color}; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +@define-color wm_button_hover_color_b #{$bg_color}; +@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +@define-color content_view_bg #{"" + $base_color}; + diff --git a/Paper/gtk-3.0/_colors.scss b/Paper/gtk-3.20/_colors.scss similarity index 100% rename from Paper/gtk-3.0/_colors.scss rename to Paper/gtk-3.20/_colors.scss diff --git a/Paper/gtk-3.0/_common.scss b/Paper/gtk-3.20/_common.scss similarity index 100% rename from Paper/gtk-3.0/_common.scss rename to Paper/gtk-3.20/_common.scss diff --git a/Paper/gtk-3.0/_drawing.scss b/Paper/gtk-3.20/_drawing.scss similarity index 100% rename from Paper/gtk-3.0/_drawing.scss rename to Paper/gtk-3.20/_drawing.scss diff --git a/Paper/gtk-3.0/_widgets.scss b/Paper/gtk-3.20/_widgets.scss similarity index 100% rename from Paper/gtk-3.0/_widgets.scss rename to Paper/gtk-3.20/_widgets.scss diff --git a/Paper/gtk-3.20/apps/_budgie.scss b/Paper/gtk-3.20/apps/_budgie.scss new file mode 100644 index 0000000..56acf83 --- /dev/null +++ b/Paper/gtk-3.20/apps/_budgie.scss @@ -0,0 +1,102 @@ +/********** +* Budgie * +**********/ + +.budgie-panel { + background-color: transparentize(black, 0.2); + transition: 100ms ease-in; + font:bold; + color: white; + + .top { + border-bottom: 1px solid transparentize(white, 0.8); + } + + .bottom { + border-top: 1px solid transparentize(white, 0.8); + } + + .left { + border-right: 1px solid transparentize(white, 0.8); + } + + .right { + border-left: 1px solid transparentize(white, 0.8); + } +} + +.max-budgie-panel { + background-color: transparentize(black, 0.0); + transition: 100ms ease-in; + font:bold; + color: white; + + .top { + border-bottom: 1px solid transparentize(white, 0.8); + } + + .bottom { + border-top: 1px solid transparentize(white, 0.8); + } + + .left { + border-right: 1px solid transparentize(white, 0.8); + } + + .right { + border-left: 1px solid transparentize(white, 0.8); + } +} + + +.budgie-panel .message-area { +} + +.budgie-panel .max-message-area { +} + +.budgie-panel .launcher, +PanelToplevel .launcher { +} +.budgie-panel .launcher:hover, +PanelToplevel .launcher:hover { +} +.budgie-panel .launcher:active, +PanelToplevel .launcher:active { +} + +/* Top launchers */ +.top .launcher:hover { +} +.top .launcher:active { +} + +/* Left hand side launchers */ +.left .launcher:hover { +} +.left .launcher:active { +} + +/* Right hand side launchers */ +.right .launcher:hover { +} +.right .launcher:active { +} + +.panel-applet { +} + +.budgie-panel .menu-icon, +.budgie-panel .menu-icon:active, +.budgie-panel .menu-icon:hover { +} + +.notification .priority.low { + background-color: $info_color; +} +.notification .priority.high { + background-color: $warning_color; +} +.notification .priority.critical { + background-color: $error_color; +} \ No newline at end of file diff --git a/Paper/gtk-3.20/apps/_geary.scss b/Paper/gtk-3.20/apps/_geary.scss new file mode 100644 index 0000000..aa10f23 --- /dev/null +++ b/Paper/gtk-3.20/apps/_geary.scss @@ -0,0 +1,44 @@ +/********* + * Geary * + *********/ + +$geary: #F2B035; + +.geary-titlebar-left, +.geary-titlebar-right { + background-color: $geary; + + &:backdrop { + background-color: darken($geary,10%); + } + + .separator { + opacity: 0; + } +} + +ConversationListView { + -GtkTreeView-grid-line-width: 0; + + .view { + &:active, + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + color: $backdrop_selected_fg_color; + } + } + + .cell { + border: solid transparentize(black, 0.8); + border-width: 0 0 1px 0; + &:selected { + color: $selected_fg_color; + border: 0px solid darken($selected_bg_color, 10% ); + } + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.20/apps/_gnome.scss b/Paper/gtk-3.20/apps/_gnome.scss new file mode 100644 index 0000000..dbff7fc --- /dev/null +++ b/Paper/gtk-3.20/apps/_gnome.scss @@ -0,0 +1,571 @@ +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; +} + + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; +} + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; +} + +SudokuView { + border: none; +} + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: $base_color; +} + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + + +/******** + * Misc * + *******/ + +ApDocView, /* Abiword */ +EogScrollView, /* Eog */ +CheeseThumbView /* Cheese */ +{ + -EogScrollView-shadow-type: none; +} + + +/************ + * Terminal * + ************/ + +$gnome_terminal: #636E73; +$terminal_bg_color: transparentize(#002B36, 0.1); +$terminal_fg_color: #839495; + +TerminalScreen, +VteTerminal { + background-color: $terminal_bg_color; + color: $terminal_fg_color; +} + +TerminalWindow { + .titlebar, + .header-bar { + background-color: $gnome_terminal; + + &:backdrop { + background-color: darken($gnome_terminal,10%); + } + } +} + +/************ + * Nautilus * + ************/ + +NautilusCanvasView { + border: none; + + &:active, + &:focus, + &:backdrop { + border: none; + } +} + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; +} + +.disk-space-display { + border: 2px solid; + + .unknown { + background-color: #888a85; + border-color: darken(#888a85, 20%); + } + + .used { + background-color: #9FB0B9; + border-color: darken(#9FB0B9, 20%); + } + + .free { + background-color: #D8D8D8; + border-color: darken(#D8D8D8, 20%); + } +} + + +.nautilus-desktop { + + color: $fg_color; + + .nautilus-canvas-item { + border-radius: 5px; + color: $selected_fg_color; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { + color: $fg_color; + text-shadow: none; + } + + &:hover { + color: $fg_color; + text-shadow: none; + } + + &:selected { + color: $selected_fg_color; + text-shadow: none; + } + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } + + .nautilus-list { + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } +} + +/*********** + * Builder * + ***********/ + +$gnome_builder: #CBBB2E; + +GbGreeterWindow, +GbWorkbench { + .titlebar, + .header-bar { + background-color: $gnome_builder; + + &:backdrop { + background-color: darken($gnome_builder,10%); + } + } +} + +/************** + * Calculator * + **************/ + +$gnome_calculator: #07ce8e; + +MathWindow { + + background-color: $base_color; + border-radius: 0 0 4px 4px; + + .titlebar, + .header-bar, + .toolbar { + background-color: $gnome_calculator; + + &:backdrop { + background-color: darken($gnome_calculator,10%); + } + } + + MathButtons { + GtkComboBox, + .button { + background-color: transparent; + background-image: none; + box-shadow:none; + border: none; + text-shadow: none; + color: $gnome_calculator; + font: bold; + + &:hover { + background-image: none; + background-color:$base_color; + color: $gnome_calculator; + } + + &:backdrop { + color: darken($gnome_calculator,10%); + } + + &.text-button.suggested-action { + background-image: none; + box-shadow:none; + text-shadow: none; + background-color: $gnome_calculator; + color: $base_color; + + &:backdrop { + background-color: darken($gnome_calculator,10%); + color: transparentize($base_color, 0.5); + } + } + } + } + + MathDisplay { + padding: 4px; + background-color:$base_color; + border: 1px solid $borders_color; + } +} + + +/************ + * Calendar * + ************/ + +$gnome_calendar: #75A3F6; + +GcalWindow { + .titlebar, + .header-bar { + background-color: $gnome_calendar; + + &:backdrop { + background-color: darken($gnome_calendar,10%); + } + } +} + +/********** + * Cheese * + **********/ + +$cheese: #ad7fa8; + +CheeseWindow { + .titlebar, + .header-bar, + .toolbar { + background-color: $cheese; + + &:backdrop { + background-color: darken($cheese,10%); + } + } +} + +/************ + * Contacts * + ************/ + +$gnome_contacts: #2095F2; + +ContactsWindow { + .titlebar, + .header-bar { + background-color: $gnome_contacts; + + &:backdrop { + background-color: darken($gnome_contacts,10%); + } + } +} + + +/********** + * Clocks * + **********/ + +$gnome_clocks: #4BAE4F; + +ClocksWindow { + .titlebar, + .header-bar { + background-color: $gnome_clocks; + + &:backdrop { + background-color: darken($gnome_clocks,10%); + } + } +} + + +/********* + * Disks * + *********/ + +$gnome_disks: #8561C5; + +GduWindow { + .titlebar, + .header-bar { + background-color: $gnome_disks; + + &:backdrop { + background-color: darken($gnome_disks,10%); + } + } +} + + +/************** + * Disk Usage * + **************/ + +$gnome_baobab: #CC5E55; + +BaobabWindow { + .titlebar, + .header-bar { + background-color: $gnome_baobab; + + &:backdrop { + background-color: darken($gnome_baobab,10%); + } + } +} + +/************* + * Documents * + *************/ + +$gnome_documents: #C2352A; + +#Documents { + .titlebar, + .header-bar { + background-color: $gnome_documents; + + &:backdrop { + background-color: darken($gnome_documents,10%); + } + } +} + +/************ + * Epiphany * + ************/ + +$gnome_epiphany: #6573C3; + +EphyWindow { + .titlebar, + .header-bar { + background-color: $gnome_epiphany; + + &:backdrop { + background-color: darken($gnome_epiphany,10%); + } + + .incognito-mode { + background-color: darken($gnome_epiphany,15%); + + .button { + background-image:none; + } + + &:backdrop { + background-color: darken($gnome_epiphany,25%); + } + } + } +} + +/********* + * Gedit * + *********/ + +$gedit: #DC4836; + +GeditWindow { + .titlebar, + .header-bar, + .gedit-headerbar-paned { + background-color: $gedit; + + &:backdrop { + background-color: darken($gedit,10%); + } + } +} + +/************** + * Log Viewer * + **************/ + +$gnome_logs: #009587; + +GlWindow, +LogviewWindow { + .titlebar, + .header-bar, + .toolbar { + background-color: $gnome_logs; + + &:backdrop { + background-color: darken($gnome_logs,10%); + } + } +} + +/********* + * Music * + *********/ + +$gnome_music: #fe9700; + +gnomemusic+window+Window { + .titlebar, + .header-bar { + background-color: $gnome_music; + + &:backdrop { + background-color: darken($gnome_music,10%); + } + } +} + + +/***************** + * Notes/Bijiben * + *****************/ + +$bijiben: #ebdd4d; + +BjbMainToolbar, +BjbWindowBase { + .titlebar, + .header-bar { + background-color: $bijiben; + + &:backdrop { + background-color: darken($bijiben,10%); + } + } +} + +/********** + * Photos * + **********/ + +$gnome_photos: #D30101; + +PhotosMainWindow { + .titlebar, + .header-bar { + background-color: $gnome_photos; + + &:backdrop { + background-color: darken($gnome_photos,10%); + } + } +} +/********** + * Polari * + **********/ + +$polari: #4BAE4F; + +.titlebar, +.header-bar { + &.polari-titlebar-left, + &.polari-titlebar-right { + background-color: $polari; + + &:backdrop { + background-color: darken($polari,10%); + } + } +} + +/******************* + * System Settings * + ******************/ + +$gnome_settings: #5F7C8A; + +CcWindow { + .titlebar, + .header-bar { + background-color: $gnome_settings; + + &:backdrop { + background-color: darken($gnome_settings,10%); + } + } +} + +CcShellNavBar { + padding:0px; +} + +/************ + * Software * + ************/ + +$gnome_software: #1A77C2; + +#window_software { + .titlebar, + .header-bar { + background-color: $gnome_software; + + &:backdrop { + background-color: darken($gnome_software,10%); + } + } +} + +/****************** + * System Monitor * + ******************/ + +$gnome_system_monitor: #6fbe72; + +#gnome-system-monitor { + .titlebar, + .header-bar { + background-color: $gnome_system_monitor; + + &:backdrop { + background-color: darken($gnome_system_monitor,10%); + } + } +} + + +/******** + * Yelp * + ********/ + +$yelp: #435ece; + +YelpWindow { + .titlebar, + .header-bar { + background-color: $yelp; + + &:backdrop { + background-color: darken($yelp,10%); + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/_lightdm.scss b/Paper/gtk-3.20/apps/_lightdm.scss similarity index 98% rename from Paper/gtk-3.0/apps/_lightdm.scss rename to Paper/gtk-3.20/apps/_lightdm.scss index 48c2fab..d039173 100644 --- a/Paper/gtk-3.0/apps/_lightdm.scss +++ b/Paper/gtk-3.20/apps/_lightdm.scss @@ -19,7 +19,6 @@ font: bold; } - .menubar .menuitem:insensitive, menubar menuitem:disabled { color: transparentize($panel_fg_color, 0.5); diff --git a/Paper/gtk-3.20/apps/_pantheon.scss b/Paper/gtk-3.20/apps/_pantheon.scss new file mode 100644 index 0000000..2d6705f --- /dev/null +++ b/Paper/gtk-3.20/apps/_pantheon.scss @@ -0,0 +1,355 @@ +/******** + * Gala * + *******/ + +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid $base_color; + background-color: $base_color; + + .title, + .label { + color: $fg_color; + } +} + +.gala-button { + padding: 3px; + color: $base_color; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, + #7e7e7e, + #3e3e3e + ); + box-shadow: inset 0 0 0 1px transparentize(white, 0.02), + inset 0 1px 0 0 transparentize(white, 0.07), + inset 0 -1px 0 0 transparentize(white, 0.01), + 0 0 0 1px transparentize(black, 0.40), + 0 3px 6px transparentize(black, 0.16), + 0 3px 6px transparentize(black, 0.23); + text-shadow: 0 1px 1px transparentize(black, 0.6); +} + +/********** + * Notify * + *********/ + +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + + border-radius: 5px; + border: 1px solid transparentize(black, 0.30); + + background-color: transparentize($base_color, 0.95); + + .low {} + .critical {} +} + + +/*************** + * SwitchBoard * + ***************/ + +.category-label { + font-weight: bold; + color: $fg_color; +} + + +/************* + * Slingshot * + ************/ + +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; + + .app { + &:hover{ + border-radius: 8px; + border: none; + background-color: transparentize($selected_bg_color, 0.7); + color: white; + } + &:focus{ + /*background-color: transparentize(black, 0.20);*/ + } + } +} + +.search-item { + border-radius: 0; + border: none; + color: $fg_color; + background: none; + + &:hover, + &:focus { + border-radius: 0; + background-color: transparentize($selected_bg_color, 0.7); + color: $selected_fg_color; + } +} + + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; +} + +.search-category-header { + font-weight: bold; + color: $fg_color; +} + + +/********* + * Panel * + ********/ + +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; + + .maximized { + background-color: #000; + } + + .translucent { + background-color: transparentize(black, 0.5); + } + + .color-light { + + .composited-indicator { + + > revealer label, + > revealer image, + > GtkRevealer { + color: transparentize(black, 0.65); + text-shadow: 0 0 2px transparentize(white, 0.7), + 0 1px 0 transparentize(white, 0.75); + -gtk-icon-shadow: 0 0 2px transparentize(white, 0.7), + 0 1px 0 transparentize(white, 0.75); + } + } + } +} + +.composited-indicator { + + > revealer label, + > revealer image, + > GtkRevealer { + color: $base_color; + font-weight: bold; + text-shadow: 0 0 2px transparentize(black, 0.7), + 0 1px 2px transparentize(black, 0.4); + -gtk-icon-shadow: 0 0 2px transparentize(black, 0.7), + 0 1px 2px transparentize(black, 0.4); + } +} + +/************* + * AppCenter * + *************/ + +$appcenter: #378BE6; + +AppCenterMainWindow { + .titlebar, + .header-bar{ + background-color: $appcenter; + + &:backdrop { + background-color: darken($appcenter,10%); + } + } +} + +/************** + * Calculator * + **************/ + +$pantheon_calculator: #07ce8e; + +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; + + .titlebar, + .header-bar { + background-color: $pantheon_calculator; + + &:backdrop { + background-color: darken($pantheon_calculator,10%); + } + } + + .window-frame { + border-radius:3px; + } +} + +/******** + * Maya * + ********/ + +$maya: #8CD33F; + +MayaViewMayaToolbar { + &.titlebar, + &.header-bar { + background-color: $maya; + + &:backdrop { + background-color: darken($maya,10%); + } + } +} + +/********* + * Cards * + *********/ + +.deck { + background-color: darken($bg_color, 8%); +} + +.card { + background-color: $base_color; + border: none; + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 3px 3px transparentize(black, 0.8); + transition: all 150ms ease-in-out; +} + +.card.collapsed { + background-color: darken($base_color, 5%); + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 1px 2px transparentize(black, 0.8); +} + +/********* + * Noise * + *********/ + +$noise: #EE6020; + +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; + + .titlebar, + .header-bar { + background-color: $noise; + + &:backdrop { + background-color: darken($noise,10%); + } + } + + .action-bar { + border-radius: 0 0 4px 4px; + } + + .window-frame { + border-radius:3px; + } +} + + +/*********** + * Scratch * + ***********/ + +$scratch: #e74c3c; + +ScratchMainWindow { + .titlebar, + .header-bar { + background-color: $scratch; + + &:backdrop { + background-color: darken($scratch,10%); + } + } +} + + +/******** + * Snap * + ********/ + +$snap: #6d266a; + +SnapMainWindow, +SnapSnapWindow { + .titlebar, + .header-bar { + background-color: $snap; + + &:backdrop { + background-color: darken($snap,10%); + } + } + + .take-button { + border-radius: 0; + } +} + + +/******************* + * Photos/Shotwell * + *******************/ + +$pantheon_photos: #5544B5; + +DirectWindow, +LibraryWindow { + .titlebar, + .header-bar { + background-color: $pantheon_photos; + + &:backdrop { + background-color: darken($pantheon_photos,10%); + } + } + + .the-button-in-the-combobox { + background: none; + } +} + +.checkerboard-layout { + background-color: $bg_color; + background-image: linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)), + linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px +} + +.checkboard-layout .item { + background-color: $fg_color; +} diff --git a/Paper/gtk-3.20/apps/_unity.scss b/Paper/gtk-3.20/apps/_unity.scss new file mode 100644 index 0000000..abbb18c --- /dev/null +++ b/Paper/gtk-3.20/apps/_unity.scss @@ -0,0 +1,176 @@ +/******** +* Unity * +*********/ + +$unity_color: #636E73; /* Unity window border color */ +$backdrop_unity_color: darken($unity_color,10%); /* Backdrop Unity window border color */ +$unity_text_color: #dbdee0; /* Unity window text color */ +$backdrop_unity_text_color: darken($unity_text_color,10%); /* Backdrop Unity window text color */ +$unity_panel_color: darken($unity_color, 20%); /* Unity panel color #454D50 */ +$backdrop_unity_panel_color: darken($unity_panel_color, 10%); /* Backdrop Unity panel color */ + +UnityDecoration { + + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */ + -UnityDecoration-input-extents: 10px;/* the extra size of the input areas */ + + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */ + + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px;/* Size property, size of glow */ + -UnityDecoration-glow-color: $selected_bg_color;/* Color property of the glow */ + + /* Title settings */ + -UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */ + background-color: $unity_color; + color: $unity_text_color; + + .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid $unity_color; + border-bottom-width: 0; + background-color: $unity_color; + color: $unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + + &:backdrop { + border-bottom-width: 0; + background-color: $backdrop_unity_color; + color: $backdrop_unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + } + + .menuitem { + color: $unity_text_color; + + &:backdrop { + background-color: $backdrop_unity_color; + color: $backdrop_unity_text_color; + } + } + } +} + + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, + $unity_color, + darken($unity_color, 0.6) + ); +} + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: $backdrop_unity_color; +} + + +/************** +* Unity Panel * +***************/ + +UnityPanelWidget, +.unity-panel { +background-color: $unity_panel_color; +color: $unity_text_color; +} + + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: $backdrop_unity_panel_color; + color: $backdrop_unity_text_color; +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: $unity_text_color; +} + +.unity-panel.menubar, +.unity-panel .menubar { + color: $unity_text_color; +} + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: $unity_panel_color; + color: $unity_text_color; +} + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: $backdrop_fg_color; +} + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: $unity_text_color; + box-shadow: none; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: darken($unity_color, 1.05); + color: $unity_text_color; + box-shadow: none; +} + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; +} + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: $borders_color; +} + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: $base_color; +} + + +@keyframes playbackmenuitem_spinner { + to { -gtk-icon-transform: rotate(1turn); } +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: $selected_bg_color; +} \ No newline at end of file diff --git a/Paper/gtk-3.20/gtk-dark.css b/Paper/gtk-3.20/gtk-dark.css new file mode 100644 index 0000000..5cd92c1 --- /dev/null +++ b/Paper/gtk-3.20/gtk-dark.css @@ -0,0 +1,7012 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #A1A8AB; +/* text color for entries, views and content in general */ +@define-color theme_text_color #A1A8AB; +/* widget base background color */ +@define-color theme_bg_color #4F585C; +/* text widgets and the like base background color */ +@define-color theme_base_color #636E73; +/* base background color of selections */ +@define-color theme_selected_bg_color #667f8c; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #576165; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #788084; +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #636E73; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #788084; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #A1A8AB; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #4F585C; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #657176; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #667f8c; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* widgets main borders color */ +@define-color borders #33393b; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #363c3e; +/* these are pretty self explicative */ +@define-color warning_color #feea3a; +@define-color error_color #f34235; +@define-color success_color #167848; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#A1A8AB, 1.8); +@define-color wm_unfocused_title #788084; +@define-color wm_highlight transparent; +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#4F585C, 1.2); +@define-color wm_bg_b #4F585C; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#4F585C, 1.3); +@define-color wm_button_hover_color_b #4F585C; +@define-color wm_button_active_color_a shade(#4F585C, 0.85); +@define-color wm_button_active_color_b shade(#4F585C, 0.89); +@define-color wm_button_active_color_c shade(#4F585C, 0.9); +@define-color content_view_bg #636E73; +/********** + * Common * + **********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f34235; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkPaned-handle-size: 1; + -gtk-secondary-caret-color: #667f8c; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #373e41; + border: solid #33393b; + border-width: 1px 0 0 0; + color: #A1A8AB; + box-shadow: none; } + .action-bar:backdrop { + background-color: #373e41; + box-shadow: none; + -gtk-icon-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #A1A8AB; + background-color: #4F585C; } + .background:backdrop { + color: #788084; + background-color: #4F585C; + text-shadow: none; + -gtk-icon-shadow: none; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #A1A8AB; + background-color: #4F585C; } + .gtkstyle-fallback:hover { + color: #A1A8AB; + background-color: #677277; } + .gtkstyle-fallback:active { + color: #A1A8AB; + background-color: #373e41; } + .gtkstyle-fallback:disabled { + color: #788084; + background-color: #576165; } + .gtkstyle-fallback:selected { + color: #ffffff; + background-color: #667f8c; } + +.view, GtkIconView, +iconview, +GtkTextView text, +textview text { + color: #A1A8AB; + background-color: #636E73; } + .view:backdrop, GtkIconView:backdrop, + iconview:backdrop, + GtkTextView text:backdrop, + textview text:backdrop { + color: #959da0; + background-color: #657176; } + .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected { + border-radius: 3px; } + +GtkTextView, +textview border { + background-color: #596368; + background-image: image(rgba(0, 0, 0, 0.2)); + background-repeat: no-repeat; } + GtkTextView:backdrop, + textview border:backdrop { + background-color: #5a6569; } + GtkTextView.bottom, + textview border.bottom { + background-size: 100% 1px; + background-position: top; } + GtkTextView.top, + textview border.top { + background-size: 100% 1px; + background-position: bottom; } + GtkTextView.left, + textview border.left { + background-size: 1px 100%; + background-position: right; } + GtkTextView.right, + textview border.right { + background-size: 1px 100%; + background-position: left; } + +GtkIconView, +iconview { + background-color: transparent; } + GtkIconView:backdrop, + iconview:backdrop { + background-color: transparent; } + +.rubberband, +rubberband, +GtkFlow rubberband, +flowbox rubberband, +.content-view rubberband, +GtkTreeView.view .rubberband, +GtkTreeView.view rubberband, +treeview.view .rubberband, +treeview.view rubberband { + border: 1px solid #51646e; + background-color: rgba(81, 100, 110, 0.2); } + +GtkFlow flowboxchild, +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected { + outline-offset: -2px; } + +GtkLabel.separator, +label.separator { + color: #A1A8AB; } + GtkLabel.separator:backdrop, + label.separator:backdrop { + color: #788084; } +GtkLabel selection, +label selection { + background-color: #667f8c; + color: #ffffff; } +GtkLabel:disabled, +label:disabled { + color: #788084; } + GtkLabel:disabled:backdrop, + label:disabled:backdrop { + color: #727f85; } +GtkLabel:backdrop, +label:backdrop { + color: #788084; } + +.dim-label, GtkLabel.separator, +label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, +.osd { + color: #A1A8AB; + border: none; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; + outline-color: rgba(161, 168, 171, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, + .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#90a4ae), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#667f8c), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 4px 9px; + border: 1px solid #33393b; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.sidebar-button, notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + button.sidebar-button:hover, notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); + transition-duration: 50ms; } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + border-color: #363c3e; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat GtkLabel, + button:backdrop.flat, + button:backdrop GtkLabel, + button:backdrop { + color: #788084; } + button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat label, + button:backdrop.flat, + button:backdrop label, + button:backdrop { + color: #788084; } + button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + border-color: #363c3e; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active GtkLabel, + button:backdrop.flat:active, + button:backdrop.flat:checked GtkLabel, + button:backdrop.flat:checked, + button:backdrop:active GtkLabel, + button:backdrop:active, + button:backdrop:checked GtkLabel, + button:backdrop:checked { + color: #788084; } + button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active label, + button:backdrop.flat:active, + button:backdrop.flat:checked label, + button:backdrop.flat:checked, + button:backdrop:active label, + button:backdrop:active, + button:backdrop:checked label, + button:backdrop:checked { + color: #788084; } + button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + border-color: #363c3e; + background-image: none; + background-color: #576165; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled GtkLabel, + button:backdrop.flat:disabled, + button:backdrop:disabled GtkLabel, + button:backdrop:disabled { + color: #727f85; } + button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled label, + button:backdrop.flat:disabled, + button:backdrop:disabled label, + button:backdrop:disabled { + color: #727f85; } + button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + border-color: #363c3e; + background-image: none; + background-color: #4b5457; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, + button:backdrop.flat:disabled:active label, + button:backdrop.flat:disabled:checked label, + button:backdrop:disabled:active label, + button:backdrop:disabled:checked label { + color: #727f85; } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled, + button:disabled GtkLabel, + button:disabled { + color: #788084; } + notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled, + button:disabled label, + button:disabled { + color: #788084; } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active GtkLabel, + button:disabled:active, + button:disabled:checked GtkLabel, + button:disabled:checked { + color: #788084; } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active label, + button:disabled:active, + button:disabled:checked label, + button:disabled:checked { + color: #788084; } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button GtkLabel, + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button GtkLabel, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected +button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #788084; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #A1A8AB; + border-radius: 5px; + outline-color: rgba(161, 168, 171, 0.3); + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification .button, .app-notification button, +.app-notification.frame .button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd +button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:hover, .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd + button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd + button:active:backdrop, .osd + button:active, .osd + button:checked:backdrop, .osd + button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd + button:disabled:backdrop, .osd + button:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .button:backdrop, .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd + button:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .flat.button, .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification .flat.button:hover, .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd + button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .flat.button:disabled, .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd + button.flat:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd + button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .flat.button:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd + button.flat:active, .osd + button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #303c42; + background-image: linear-gradient(to bottom, #667f8c, #5b717d); + text-shadow: 0 1px rgba(0, 0, 0, 0.62039); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62039); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #667f8c; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #303c42; + background-image: linear-gradient(to bottom, #68828f, #627986 60%, #5d7480); + text-shadow: 0 1px rgba(0, 0, 0, 0.57239); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.57239); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + button.suggested-action:active, + button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #303c42; + background-image: linear-gradient(to bottom, #576c77, #627986); + text-shadow: 0 1px rgba(0, 0, 0, 0.70039); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70039); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop { + border-color: #303c42; + background-image: linear-gradient(to bottom, #667f8c); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop GtkLabel, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop GtkLabel, + button.suggested-action.flat:backdrop { + color: #e0e5e8; } + button.suggested-action:backdrop label, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop label, + button.suggested-action.flat:backdrop { + color: #e0e5e8; } + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked { + border-color: #303c42; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action:backdrop:active GtkLabel, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked GtkLabel, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active GtkLabel, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked GtkLabel, + button.suggested-action.flat:backdrop:checked { + color: #dce0e2; } + button.suggested-action:backdrop:active label, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked label, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active label, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked label, + button.suggested-action.flat:backdrop:checked { + color: #dce0e2; } + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: #363c3e; + background-image: none; + background-color: #576165; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop:disabled GtkLabel, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled GtkLabel, + button.suggested-action.flat:backdrop:disabled { + color: #727f85; } + button.suggested-action:backdrop:disabled label, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled label, + button.suggested-action.flat:backdrop:disabled { + color: #727f85; } + button.suggested-action:backdrop:disabled:active, + button.suggested-action:backdrop:disabled:checked, + button.suggested-action.flat:backdrop:disabled:active, + button.suggested-action.flat:backdrop:disabled:checked { + border-color: #303c42; + background-image: none; + background-color: #5b6f79; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action:backdrop:disabled:active label, + button.suggested-action:backdrop:disabled:checked label, + button.suggested-action.flat:backdrop:disabled:active label, + button.suggested-action.flat:backdrop:disabled:checked label { + color: #94a1a8; } + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(102, 127, 140, 0.8); } + button.suggested-action:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + button.suggested-action:disabled GtkLabel, + button.suggested-action:disabled { + color: #788084; } + button.suggested-action:disabled label, + button.suggested-action:disabled { + color: #788084; } + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + border-color: #303c42; + background-image: none; + background-color: #5b6f79; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action:disabled:active GtkLabel, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked GtkLabel, + button.suggested-action:disabled:checked { + color: #bdc5c9; } + button.suggested-action:disabled:active label, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked label, + button.suggested-action:disabled:checked { + color: #bdc5c9; } + .osd + button.suggested-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:active:backdrop, .osd + button.suggested-action:active, .osd + button.suggested-action:checked:backdrop, .osd + button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #667f8c); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.suggested-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c); + text-shadow: 0 1px rgba(0, 0, 0, 0.61569); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #e71d0e; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d); + text-shadow: 0 1px rgba(0, 0, 0, 0.56769); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56769); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + button.destructive-action:active, + button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #c6180c, #de1b0d); + text-shadow: 0 1px rgba(0, 0, 0, 0.69569); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.69569); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #e71d0e); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop GtkLabel, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop GtkLabel, + button.destructive-action.flat:backdrop { + color: #fad2cf; } + button.destructive-action:backdrop label, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop label, + button.destructive-action.flat:backdrop { + color: #fad2cf; } + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked { + border-color: #6f0e07; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action:backdrop:active GtkLabel, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked GtkLabel, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active GtkLabel, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked GtkLabel, + button.destructive-action.flat:backdrop:checked { + color: #f1d1ce; } + button.destructive-action:backdrop:active label, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked label, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active label, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked label, + button.destructive-action.flat:backdrop:checked { + color: #f1d1ce; } + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: #363c3e; + background-image: none; + background-color: #576165; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop:disabled GtkLabel, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled GtkLabel, + button.destructive-action.flat:backdrop:disabled { + color: #727f85; } + button.destructive-action:backdrop:disabled label, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled label, + button.destructive-action.flat:backdrop:disabled { + color: #727f85; } + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked { + border-color: #6f0e07; + background-image: none; + background-color: #bd251a; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action:backdrop:disabled:active label, + button.destructive-action:backdrop:disabled:checked label, + button.destructive-action.flat:backdrop:disabled:active label, + button.destructive-action.flat:backdrop:disabled:checked label { + color: #d4716a; } + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(231, 29, 14, 0.8); } + button.destructive-action:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + button.destructive-action:disabled GtkLabel, + button.destructive-action:disabled { + color: #788084; } + button.destructive-action:disabled label, + button.destructive-action:disabled { + color: #788084; } + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + border-color: #6f0e07; + background-image: none; + background-color: #bd251a; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action:disabled:active GtkLabel, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked GtkLabel, + button.destructive-action:disabled:checked { + color: #e5a8a3; } + button.destructive-action:disabled:active label, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked label, + button.destructive-action:disabled:checked { + color: #e5a8a3; } + .osd + button.destructive-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:active:backdrop, .osd + button.destructive-action:active, .osd + button.destructive-action:checked:backdrop, .osd + button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #e71d0e); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.destructive-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > +button { + outline-offset: -3px; } + .stack-switcher > + button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > + button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > + button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > + button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > + button.needs-attention:active > label, + .stack-switcher > + button.needs-attention:active > image, .stack-switcher > + button.needs-attention:checked > label, + .stack-switcher > + button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar +button, .inline-toolbar +button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar +button { + -gtk-icon-shadow: none; } + +.stack-switcher > +button.needs-attention > label, +.stack-switcher > +button.needs-attention > image, .sidebar .list-row.needs-attention > label, +.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label, +stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#90a4ae), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > + button.needs-attention > label:backdrop, + .stack-switcher > + button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop, + .sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop, + stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > + button.needs-attention > label:dir(rtl), + .stack-switcher > + button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl), + .sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl), + stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +.inline-toolbar toolbutton > button { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled { + color: #788084; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: #788084; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked { + color: #788084; } + .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: #788084; } + .inline-toolbar toolbutton > button:backdrop { + border-color: #363c3e; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + border-color: #363c3e; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:disabled { + border-color: #363c3e; + background-image: none; + background-color: #576165; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled { + color: #727f85; } + .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { + color: #727f85; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + border-color: #363c3e; + background-image: none; + background-color: #4b5457; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { + color: #727f85; } + +toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar +button, .inline-toolbar +button:backdrop, .linked > +button, .linked > +button:hover, .linked > +button:active, .linked > +button:checked, .linked > +button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar +button:first-child, .linked > +button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar +button:last-child, .linked > +button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar +button:only-child, .linked > +button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > +button, .linked.vertical > +button:hover, .linked.vertical > +button:active, .linked.vertical > +button:checked, .linked.vertical > +button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > +button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > +button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > +button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #5b656a; } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, + popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, + popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, +popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, + popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, + popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, + popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +/************ + * Calendar * + ***********/ +calendar { + color: #A1A8AB; + border: 1px solid #33393b; } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(161, 168, 171, 0.45); } + calendar.button:hover { + color: #A1A8AB; } + calendar.button:backdrop { + color: rgba(120, 128, 132, 0.45); } + calendar.button:disabled { + color: rgba(120, 128, 132, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #A1A8AB; } + calendar:backdrop { + color: #959da0; + border-color: #363c3e; } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("../assets/checkbox-unchecked-backdrop-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive-dark.png"), url("../assets/radio-unchecked-backdrop-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/checkbox-checked-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop-dark.png"), url("../assets/radio-checked-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-dark.png"), url("../assets/checkbox-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-dark.png"), url("../assets/radio-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover-dark.png"), url("../assets/checkbox-mixed-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover-dark.png"), url("../assets/radio-mixed-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active-dark.png"), url("../assets/checkbox-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active-dark.png"), url("../assets/radio-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop-dark.png"), url("../assets/checkbox-mixed-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-dark.png"), url("../assets/radio-mixed-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-dark.png"), url("../assets/checkbox-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-dark.png"), url("../assets/radio-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/checkbox-mixed-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop-dark.png"), url("../assets/radio-mixed-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-hover-dark.png"), url("../assets/selected-checkbox-unchecked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-hover-dark.png"), url("../assets/selected-radio-unchecked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-active-dark.png"), url("../assets/selected-checkbox-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-active-dark.png"), url("../assets/selected-radio-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop-dark.png"), url("../assets/selected-checkbox-unchecked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop-dark.png"), url("../assets/selected-radio-unchecked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive-dark.png"), url("../assets/selected-checkbox-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive-dark.png"), url("../assets/selected-radio-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop-insensitive-dark.png"), url("../assets/selected-checkbox-unchecked-backdrop-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop-insensitive-dark.png"), url("../assets/selected-radio-unchecked-backdrop-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-hover-dark.png"), url("../assets/selected-checkbox-checked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-hover-dark.png"), url("../assets/selected-radio-checked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-active-dark.png"), url("../assets/selected-checkbox-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-active-dark.png"), url("../assets/selected-radio-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-backdrop-dark.png"), url("../assets/selected-checkbox-checked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-backdrop-dark.png"), url("../assets/selected-radio-checked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-dark.png"), url("../assets/selected-checkbox-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-dark.png"), url("../assets/selected-radio-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-checked-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-backdrop-dark.png"), url("../assets/selected-radio-checked-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-hover-dark.png"), url("../assets/selected-checkbox-mixed-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-hover-dark.png"), url("../assets/selected-radio-mixed-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-active-dark.png"), url("../assets/selected-checkbox-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-active-dark.png"), url("../assets/selected-radio-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-backdrop-dark.png"), url("../assets/selected-checkbox-mixed-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-backdrop-dark.png"), url("../assets/selected-radio-mixed-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-dark.png"), url("../assets/selected-checkbox-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-dark.png"), url("../assets/selected-radio-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-mixed-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-backdrop-dark.png"), url("../assets/selected-radio-mixed-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, GtkIconView.content-view check, +iconview.content-view check, +.view.content-view.check, +GtkIconView.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, GtkIconView.content-view radio, +iconview.content-view radio, +.view.content-view.radio, +GtkIconView.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, GtkIconView.content-view check:hover, +iconview.content-view check:hover, +.view.content-view.check:hover, +GtkIconView.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, GtkIconView.content-view radio:hover, +iconview.content-view radio:hover, +.view.content-view.radio:hover, +GtkIconView.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, GtkIconView.content-view check:active, +iconview.content-view check:active, +.view.content-view.check:active, +GtkIconView.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, GtkIconView.content-view radio:active, +iconview.content-view radio:active, +.view.content-view.radio:active, +GtkIconView.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, +iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +GtkIconView.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, +iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +GtkIconView.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, GtkIconView.content-view check:disabled, +iconview.content-view check:disabled, +.view.content-view.check:disabled, +GtkIconView.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, GtkIconView.content-view radio:disabled, +iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +GtkIconView.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop, +iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +GtkIconView.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop, +iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +GtkIconView.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, GtkIconView.content-view check, +iconview.content-view check, +.view.content-view.check, +GtkIconView.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, GtkIconView.content-view radio, +iconview.content-view radio, +.view.content-view.radio, +GtkIconView.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, GtkIconView.content-view check:hover, +iconview.content-view check:hover, +.view.content-view.check:hover, +GtkIconView.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, GtkIconView.content-view radio:hover, +iconview.content-view radio:hover, +.view.content-view.radio:hover, +GtkIconView.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, GtkIconView.content-view check:active, +iconview.content-view check:active, +.view.content-view.check:active, +GtkIconView.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, GtkIconView.content-view radio:active, +iconview.content-view radio:active, +.view.content-view.radio:active, +GtkIconView.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, +iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +GtkIconView.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, +iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +GtkIconView.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, GtkIconView.content-view check:disabled, +iconview.content-view check:disabled, +.view.content-view.check:disabled, +GtkIconView.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, GtkIconView.content-view radio:disabled, +iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +GtkIconView.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop, +iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +GtkIconView.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("../assets/checkbox-checked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop, +iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +GtkIconView.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.check.text-button, .radio.text-button, +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child, + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child, + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +.check, +radio, +.radio { + margin: 0 4px; } + .menu .menuitem check, menu menuitem check, .menu .menuitem + .check, menu menuitem + .check, .menu .menuitem + radio, menu menuitem + radio, .menu .menuitem + .radio, menu menuitem + .radio { + margin: 0; } + +menu menuitem check:not(:indeterminate):checked, +menu menuitem radio:not(:indeterminate):checked, +menu menuitem check:indeterminate:checked:active, +menu menuitem radio:indeterminate:checked { + animation: none; } + +treeview.view check:selected:focus, treeview.view check:selected, +treeview.view radio:selected:focus, +treeview.view radio:selected { + color: #A1A8AB; } +treeview.view check:selected:disabled, +treeview.view radio:selected:disabled { + color: #788084; } + treeview.view check:selected:disabled:backdrop, + treeview.view radio:selected:disabled:backdrop { + color: #727f85; } +treeview.view check:backdrop:selected, treeview.view check:backdrop, +treeview.view radio:backdrop:selected, +treeview.view radio:backdrop { + color: #788084; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #ffffff; } + colorswatch.dark overlay:hover { + border-color: #33393b; } + colorswatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +colorswatch.light overlay { + color: #A1A8AB; } + colorswatch.light overlay:hover { + border-color: #33393b; } + colorswatch.light overlay:backdrop { + color: #959da0; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #4e9a06; + box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; } + colorswatch:drop(active).dark overlay { + border-color: #4e9a06; + box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #33393b; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #33393b; + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + colorswatch#add-color-button overlay:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + colorswatch#add-color-button overlay:backdrop { + border-color: #363c3e; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + colorswatch#add-color-button overlay:backdrop GtkLabel, colorswatch#add-color-button overlay:backdrop { + color: #788084; } + colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { + color: #788084; } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #ffffff; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/****************** + * Combobox Entry * + ******************/ +.combobox-entry button { + box-shadow: none; } + .combobox-entry button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry button:last-child { + border-radius: 0 4px 4px 0; } +.combobox-entry entry { + box-shadow: none; } + .combobox-entry entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry entry:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: #4F585C; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + messagedialog .titlebar:backdrop { + background-color: #4F585C; } +messagedialog.csd { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); } + messagedialog.csd.background { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + messagedialog.csd .dialog-action-area .button, + messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area .button:first-child, + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area .button:last-child, + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + filechooser .dialog-action-box { + border-top: 1px solid #33393b; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + filechooser .dialog-action-box:backdrop { + border-top-color: #363c3e; } + filechooser #pathbarbox { + border-bottom: 1px solid #4F585C; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 20px; + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #A1A8AB; + border-color: #33393b; + background-color: #636E73; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton:not(.vertical) undershoot.left, + entry 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; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry 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; + box-shadow: none; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + spinbutton:focus:not(.vertical), + entry:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #262f33; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #788084; + border-color: #33393b; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #959da0; + border-color: #363c3e; + background-image: linear-gradient(to bottom, #657176); + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #727f85; + border-color: #363c3e; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #f34235; + border-color: #6f0e07; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #6f0e07; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #f34235; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #feea3a; + border-color: #857701; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #857701; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #feea3a; } + spinbutton:not(.vertical) image, + entry image { + color: #959ca0; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #A1A8AB; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #667f8c; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #747d81; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } + .osd spinbutton:not(.vertical), .osd + entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { + color: white; + border-color: #667f8c; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #667f8c; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus + +entry { + border-left-color: #262f33; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #4e9a06; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #555e62; + background-image: linear-gradient(to bottom, #636E73); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #576165; + background-image: linear-gradient(to bottom, #657176); } +.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + entry:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #555e62; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #262f33; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #4e9a06; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + .entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + .button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #262f33; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + .entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + .button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #4e9a06; } + +treeview acceleditor > label { + background-color: #667f8c; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #636E73; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #667f8c; } + +/************* + * Expanders * + *************/ +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: #f2f3f3; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * File chooser * + ****************/ +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row:selected { + color: #ffffff; } + placessidebar row:disabled { + color: #788084; } + placessidebar row:backdrop { + color: #788084; } + placessidebar row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + placessidebar row:backdrop:disabled { + color: #727f85; } + placessidebar row GtkImage.sidebar-icon, + placessidebar row image.sidebar-icon { + opacity: 0.7; } + placessidebar row GtkImage.sidebar-icon:dir(ltr), + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row GtkImage.sidebar-icon:dir(rtl), + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row GtkLabel.sidebar-label:dir(ltr), + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row GtkLabel.sidebar-label:dir(rtl), + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { + opacity: 0.7; } + placessidebar row:selected:active { + box-shadow: none; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image(#4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #667f8c; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -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 row.activatable:hover { + background-color: transparent; } +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #4F585C; + border-width: 1px; + border-style: solid solid none; + border-color: #33393b; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > .button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #4F585C; + border-color: #363c3e; } + +/********** + * Frames * + **********/ +frame > border { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #33393b; } + frame > border.flat { + border-style: none; } + frame > border:backdrop { + border-color: #363c3e; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #33393b; } + actionbar > revealer > box:backdrop { + border-color: #363c3e; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); + background-size: 100% 5%; + 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.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); + background-size: 100% 5%; + 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.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); + background-size: 5% 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.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); + background-size: 5% 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; + box-shadow: 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; + box-shadow: 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; + box-shadow: 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; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #33393b 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #596368; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #363c3e 1px, transparent 1px); + background-color: #485054; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #636E73; + background: #636E73; + color: #A1A8AB; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #667f8c; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar, + GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #636E73; + background-image: none; + border: 1px solid #636E73; + color: #A1A8AB; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #636E73; } + GraniteWidgetsWelcome GtkLabel { + color: #A1A8AB; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(161, 168, 171, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #4F585C; + border: solid #33393b; + color: #A1A8AB; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #4F585C; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #434b4e; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(161, 168, 171, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #feea3a; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #636E73; } + .storage-bar .fill-block.app { + background-color: #2095f2; } + .storage-bar .fill-block.audio { + background-color: #fe9700; } + .storage-bar .fill-block.photo { + background-color: #f34235; } + .storage-bar .fill-block.video { + background-color: #9b26af; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header Bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + min-height: 40px; + padding: 0 8px; + border: none; + border-radius: 4px 4px 0 0; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + background-color: #3B4245; + color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .title:backdrop, + headerbar .title:backdrop { + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: rgba(255, 255, 255, 0.8); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + border-radius: 4px 4px 0 0; + color: #ffffff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #262f33; + background-color: #347D9F; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: #275f79; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(102, 127, 140, 0); + background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled + headerbar:backdrop, .tiled + headerbar, .maximized + headerbar:backdrop, .maximized + headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { + padding: 6px; + min-height: 28px; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + .default-decoration.titlebar:not(headerbar) .maximized, + headerbar.default-decoration .maximized { + padding: 6px; } + .default-decoration.titlebar:backdrop:not(headerbar), + headerbar.default-decoration:backdrop { + background-color: #2f3537; + color: rgba(255, 255, 255, 0.3); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton, + .default-decoration.titlebar:not(headerbar) button.titlebutton, + headerbar.default-decoration .button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, + .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, + headerbar.default-decoration .button.titlebutton:hover, + headerbar.default-decoration button.titlebutton:hover { + background-color: transparent; + color: rgba(255, 255, 255, 0.8); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, + .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, + headerbar.default-decoration .button.titlebutton:backdrop, + headerbar.default-decoration button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, + .default-decoration.titlebar:not(headerbar) button.titlebutton:active, + headerbar.default-decoration .button.titlebutton:active, + headerbar.default-decoration button.titlebutton:active { + background-color: rgba(255, 255, 255, 0.8); + color: #3B4245; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) entry, + headerbar entry { + margin: 6px 0; + min-height: 16px; + border-radius: 2px; + padding: 4px; + border: none; + box-shadow: none; + background: rgba(99, 110, 115, 0.95); + color: #A1A8AB; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) entry > image, + headerbar entry > image { + padding-right: 6px; + color: rgba(161, 168, 171, 0.8); } + .titlebar:not(headerbar) entry:active, .titlebar:not(headerbar) entry:focus, + headerbar entry:active, + headerbar entry:focus { + background: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) entry:active > image, .titlebar:not(headerbar) entry:focus > image, + headerbar entry:active > image, + headerbar entry:focus > image { + padding-right: 6px; + color: #A1A8AB; } + .titlebar:not(headerbar) entry:active:backdrop, .titlebar:not(headerbar) entry:focus:backdrop, + headerbar entry:active:backdrop, + headerbar entry:focus:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:disabled, + headerbar entry:disabled { + background: rgba(99, 110, 115, 0.6); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:disabled > image, + headerbar entry:disabled > image { + padding-right: 6px; + color: rgba(161, 168, 171, 0.5); } + .titlebar:not(headerbar) entry:disabled:backdrop, + headerbar entry:disabled:backdrop { + background: rgba(99, 110, 115, 0.5); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:backdrop, + headerbar entry:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:backdrop > image, + headerbar entry:backdrop > image { + color: rgba(161, 168, 171, 0.5); } + .titlebar:not(headerbar) button, + headerbar button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + padding: 10px; + margin: 0; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.flat, + headerbar button.text-button, + headerbar button.image-button, + headerbar button.flat { + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.flat:backdrop, + headerbar button.text-button:backdrop, + headerbar button.image-button:backdrop, + headerbar button.flat:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button.linked, + headerbar button.linked { + border-radius: 0px; + margin: 0; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) button:backdrop, + headerbar button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + font: bold; + border-radius: 0px; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button:active:backdrop, .titlebar:not(headerbar) button:checked:backdrop, + headerbar button:active:backdrop, + headerbar button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button:disabled, + headerbar button:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) button:disabled:backdrop, + headerbar button:disabled:backdrop { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) button:disabled:backdrop image, + headerbar button:disabled:backdrop image { + -gtk-icon-effect: dim; } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, + headerbar button.titlebutton:hover { + background-color: transparent; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button.titlebutton:active, + headerbar button.titlebutton:active { + background-color: rgba(255, 255, 255, 0.8); + color: #3B4245; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.title-menu-button, + headerbar button.menu-button, + headerbar button.title-menu-button { + padding: 1px; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.title-menu-button:hover, + headerbar button.menu-button:hover, + headerbar button.title-menu-button:hover { + background-color: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.title-menu-button:backdrop, + headerbar button.menu-button:backdrop, + headerbar button.title-menu-button:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button.menu-button:active, .titlebar:not(headerbar) button.title-menu-button:active, + headerbar button.menu-button:active, + headerbar button.title-menu-button:active { + background-color: #23282a; + color: rgba(255, 255, 255, 0.8); + box-shadow: none; } + .titlebar:not(headerbar) .separator, + headerbar .separator { + color: transparent; + background-color: transparent; } + +.titlebar, .titlebar:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 4px; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: #3B4245; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + window.csd > .titlebar:not(headerbar):backdrop { + background-color: #2f3537; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #A1A8AB; + background-color: #4F585C; + border-bottom: 1px solid #373e41; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #ffffff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #ffffff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(99, 110, 115, 0.95); + color: #A1A8AB; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #A1A8AB; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(99, 110, 115, 0.6); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(99, 110, 115, 0.5); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + +.info { + background-color: #2095f2; } + .info:backdrop { + background-color: #50acf5; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #feea3a; } + .warning:backdrop { + background-color: #feef6d; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #1ea362; } + .question:backdrop { + background-color: #26ce7c; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #f34235; } + .error:backdrop { + background-color: #f66f65; + color: rgba(255, 255, 255, 0.5); } + +/************* + * Level Bar * + *************/ +levelbar { + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; } + levelbar:backdrop { + transition: 200ms ease-out; } + levelbar trough { + margin: 0; + padding: 2px; + border-radius: 3px; } + levelbar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar.vertical .fill-block, + levelbar.vertical block, + levelbar block { + border-radius: 2px; + min-width: 32px; + min-height: 2px; } + levelbar.vertical .low.fill-block, + levelbar.vertical block.low, levelbar.vertical .level-low.fill-block, + levelbar.vertical block.level-low, + levelbar block.low, + levelbar block.level-low { + border: 1px solid #fee507; + background-color: #feea3a; } + levelbar.vertical .low.fill-block:backdrop, + levelbar.vertical block.low:backdrop, levelbar.vertical .level-low.fill-block:backdrop, + levelbar.vertical block.level-low:backdrop, + levelbar block.low:backdrop, + levelbar block.level-low:backdrop { + border: 1px solid #feea3a; } + levelbar.vertical .high.fill-block, + levelbar.vertical block.high, levelbar.vertical .level-high.fill-block, + levelbar.vertical block.level-high, + levelbar block.high, + levelbar block.level-high { + border: 1px solid #51646e; + background-color: #667f8c; } + levelbar.vertical .high.fill-block:backdrop, + levelbar.vertical block.high:backdrop, levelbar.vertical .level-high.fill-block:backdrop, + levelbar.vertical block.level-high:backdrop, + levelbar block.high:backdrop, + levelbar block.level-high:backdrop { + border: 1px solid #667f8c; } + levelbar.vertical .full.fill-block, + levelbar.vertical block.full, levelbar.vertical .level-full.fill-block, + levelbar.vertical block.level-full, + levelbar block.full, + levelbar block.level-full { + border: 1px solid #0e4d2e; + background-color: #167848; } + levelbar.vertical .full.fill-block:backdrop, + levelbar.vertical block.full:backdrop, levelbar.vertical .level-full.fill-block:backdrop, + levelbar.vertical block.level-full:backdrop, + levelbar block.full:backdrop, + levelbar block.level-full:backdrop { + border: 1px solid #167848; } + levelbar.vertical .empty.fill-block, + levelbar.vertical block.empty, levelbar.vertical .level-empty.fill-block, + levelbar.vertical block.level-empty, + levelbar block.empty, + levelbar block.level-empty { + background-color: transparent; + border: 1px solid rgba(161, 168, 171, 0.1); + box-shadow: none; } + levelbar.vertical .empty.fill-block:backdrop, + levelbar.vertical block.empty:backdrop, levelbar.vertical .level-empty.fill-block:backdrop, + levelbar.vertical block.level-empty:backdrop, + levelbar block.empty:backdrop, + levelbar block.level-empty:backdrop { + border-color: rgba(120, 128, 132, 0.15); } + levelbar.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; } + levelbar.vertical .fill-block, + levelbar.vertical block { + min-width: 8px; + min-height: 32px; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: blue; } + *:link:visited, + button:visited { + color: rgba(0, 0, 255, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #c2ccd1; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #3333ff; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #f0f2f4; } + *:link:active, button:active:link, + button:active:visited { + color: blue; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #e0e5e8; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #667f8c; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #e0e5e8; } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + button:link > GtkLabel, + button:visited > GtkLabel { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + color: #A1A8AB; + background-color: #636E73; + border-color: #33393b; } + list:backdrop { + background-color: #657176; + border-color: #363c3e; } + +row { + border-radius: 0; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row image { + padding-right: 6px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(161, 168, 171, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #6c838f; } + row.activatable:selected:backdrop { + background-color: #667f8c; } + +/********* + * Menus * + *********/ +menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + menubar:backdrop { + background-color: #2f3537; } + menubar > menuitem { + min-height: 16px; + padding: 4px 8px; } + menubar > menuitem:hover { + box-shadow: inset 0 -3px #667f8c; + color: rgba(255, 255, 255, 0.8); } + menubar > menuitem:disabled { + color: #788084; + box-shadow: none; } + +menu { + padding: 4px 0px; + background-color: #5f6a6e; + border: 1px solid #33393b; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + .csd menu { + border: none; } + menu:backdrop { + background-color: #616c71; } + menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 8px 4px; + text-shadow: none; } + menu menuitem:hover { + color: #ffffff; + background-color: #667f8c; } + menu menuitem:disabled { + color: #788084; } + menu menuitem:disabled:backdrop { + color: #727f85; } + menu menuitem:backdrop, menu menuitem:backdrop:hover { + color: #788084; + background-color: transparent; } + menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #5f6a6e; + border-radius: 0; } + menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #697479; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #697479; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover { + background-color: #697479; } + menu > arrow:backdrop { + background-color: #616c71; } + menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +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: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #3f4649; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #3f4649; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(161, 168, 171, 0.1); + border-radius: 5px; } + +separator { + color: #33393b; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #636E73; + border-top: 1px solid #33393b; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #657176; + border-color: #363c3e; } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #5f686c; } + +/************* + * Notebooks * + *************/ +notebook > header { + border: none; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -2px #33393b; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -2px #667f8c; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 2px #33393b; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 2px #667f8c; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs > tab:hover { + box-shadow: inset -2px 0 #33393b; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + box-shadow: inset -2px 0 #667f8c; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs > tab:hover { + box-shadow: inset 2px 0 #33393b; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + box-shadow: inset 2px 0 #667f8c; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + 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.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + 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.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #788084; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #8d9498; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(51, 57, 59, 0.3); + background-color: rgba(79, 88, 92, 0.2); } + notebook > header tab:backdrop { + color: #687074; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #A1A8AB; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(51, 57, 59, 0.5); + background-color: rgba(79, 88, 92, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(79, 88, 92, 0.7); } + notebook > header tab:backdrop:checked { + color: #788084; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #363c3e; + background-color: #4F585C; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + color: currentColor; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 4px; + padding-right: 4px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 3px; + margin-right: 3px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 4px; + margin-right: 4px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #636E73; } + notebook > stack:not(:only-child):backdrop { + background-color: #657176; } + +notebook, +.dynamic-notebook, +.notebook { + padding: 0; + background-color: #636E73; + box-shadow: 0 0 0 1px #33393b; + background-clip: border-box; } + notebook > header, + notebook > .header, + .dynamic-notebook > header, + .dynamic-notebook > .header, + .notebook > header, + .notebook > .header { + border: none; + box-shadow: none; + background-color: #4F585C; } + notebook > tab, + .dynamic-notebook > tab, + .notebook > tab { + border-radius: 0; + background-color: #4F585C; } + notebook > tab.top, + .dynamic-notebook > tab.top, + .notebook > tab.top { + padding: 6px 8px 8px 8px; + box-shadow: inset 0 -1px 0 0 #33393b; } + notebook > tab.top:active, + .dynamic-notebook > tab.top:active, + .notebook > tab.top:active { + box-shadow: inset 0 -3px 0 0 #33393b; } + notebook > tab.top:active:backdrop, + .dynamic-notebook > tab.top:active:backdrop, + .notebook > tab.top:active:backdrop { + box-shadow: inset 0 -3px 0 0 #363c3e; } + notebook > tab.top:backdrop, + .dynamic-notebook > tab.top:backdrop, + .notebook > tab.top:backdrop { + box-shadow: inset 0 -1px 0 0 #363c3e; } + notebook > tab.top:disabled, + .dynamic-notebook > tab.top:disabled, + .notebook > tab.top:disabled { + box-shadow: inset 0 -1px 0 0 #33393b; } + notebook > tab.bottom, + .dynamic-notebook > tab.bottom, + .notebook > tab.bottom { + padding: 8px 8px 6px 8px; + box-shadow: inset 0 1px 0 0 #33393b; } + notebook > tab.bottom:active, + .dynamic-notebook > tab.bottom:active, + .notebook > tab.bottom:active { + box-shadow: inset 0 3px 0 0 #33393b; } + notebook > tab.bottom:active:backdrop, + .dynamic-notebook > tab.bottom:active:backdrop, + .notebook > tab.bottom:active:backdrop { + box-shadow: inset 0 3px 0 0 #363c3e; } + notebook > tab.bottom:backdrop, + .dynamic-notebook > tab.bottom:backdrop, + .notebook > tab.bottom:backdrop { + box-shadow: inset 0 1px 0 0 #363c3e; } + notebook > tab.bottom:disabled, + .dynamic-notebook > tab.bottom:disabled, + .notebook > tab.bottom:disabled { + box-shadow: inset 0 1px 0 0 #33393b; } + notebook > tab.left, + .dynamic-notebook > tab.left, + .notebook > tab.left { + padding: 8px; + box-shadow: inset -1px 0 0 0 #33393b; } + notebook > tab.left:active, + .dynamic-notebook > tab.left:active, + .notebook > tab.left:active { + box-shadow: inset -3px 0 0 0 #33393b; } + notebook > tab.left:active:backdrop, + .dynamic-notebook > tab.left:active:backdrop, + .notebook > tab.left:active:backdrop { + box-shadow: inset -3px 0 0 0 #363c3e; } + notebook > tab.left:backdrop, + .dynamic-notebook > tab.left:backdrop, + .notebook > tab.left:backdrop { + box-shadow: inset -1px 0 0 0 #363c3e; } + notebook > tab.left:disabled, + .dynamic-notebook > tab.left:disabled, + .notebook > tab.left:disabled { + box-shadow: inset -1px 0 0 0 #33393b; } + notebook > tab.right, + .dynamic-notebook > tab.right, + .notebook > tab.right { + padding: 8px; + box-shadow: inset 1px 0 0 0 #33393b; } + notebook > tab.right:active, + .dynamic-notebook > tab.right:active, + .notebook > tab.right:active { + box-shadow: inset 3px 0 0 0 #33393b; } + notebook > tab.right:active:backdrop, + .dynamic-notebook > tab.right:active:backdrop, + .notebook > tab.right:active:backdrop { + box-shadow: inset 3px 0 0 0 #363c3e; } + notebook > tab.right:backdrop, + .dynamic-notebook > tab.right:backdrop, + .notebook > tab.right:backdrop { + box-shadow: inset 1px 0 0 0 #363c3e; } + notebook > tab.right:disabled, + .dynamic-notebook > tab.right:disabled, + .notebook > tab.right:disabled { + box-shadow: inset 1px 0 0 0 #33393b; } + notebook > tab:active, + .dynamic-notebook > tab:active, + .notebook > tab:active { + font-weight: bold; } + notebook > tab:hover, + .dynamic-notebook > tab:hover, + .notebook > tab:hover { + background: #434b4e; } + +/********* + * Paned * + *********/ +.paned, +paned { + border: solid #33393b; + border-left-width: 1px; } + .paned > separator, + paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#33393b); + background-size: 1px 1px; } + .paned > separator:selected, + paned > separator:selected { + background-image: image(#667f8c); } + .paned > separator:backdrop, + paned > separator:backdrop { + background-image: image(#363c3e); } + .paned > separator.wide, + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #4F585C; + background-image: image(#33393b), image(#33393b); + background-size: 1px 1px, 1px 1px; } + .paned > separator.wide:backdrop, + paned > separator.wide:backdrop { + background-color: #4F585C; + background-image: image(#363c3e), image(#363c3e); } + .paned.horizontal > separator, + paned.horizontal > separator { + background-repeat: repeat-y; } + .paned.horizontal > separator:dir(ltr), + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + .paned.horizontal > separator:dir(rtl), + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + .paned.horizontal > separator.wide, + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + .paned.vertical > separator, + paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + .paned.vertical > separator.wide, + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.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: 8px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************ + * Popovers * + ************/ +popover.background { + padding: 2px; + border-radius: 4px; + border: none; + background-color: #4F585C; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + .csd popover.background, popover.background { + border: 1px solid #33393b; } + popover.background:backdrop { + background-color: #4F585C; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > GtkIconView, + popover.background > iconview, + popover.background > toolbar, + popover.background > .toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + popover.background .separator, popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +/**************** + * Print dialog * +*****************/ +printdialog paper { + color: #A1A8AB; + border: 1px solid #33393b; + background: white; + padding: 0; } + printdialog paper:backdrop { + color: #788084; + border-color: #363c3e; } +printdialog .dialog-action-box { + margin: 12px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar, +.progressbar, +progressbar { + font-size: smaller; + color: rgba(161, 168, 171, 0.4); } + GtkProgressBar.horizontal trough, + GtkProgressBar.horizontal .trough, + GtkProgressBar.horizontal progress, + .progressbar.horizontal trough, + .progressbar.horizontal .trough, + .progressbar.horizontal progress, + progressbar.horizontal trough, + progressbar.horizontal .trough, + progressbar.horizontal progress { + min-height: 4px; } + GtkProgressBar.vertical trough, + GtkProgressBar.vertical .trough, + GtkProgressBar.vertical progress, + .progressbar.vertical trough, + .progressbar.vertical .trough, + .progressbar.vertical progress, + progressbar.vertical trough, + progressbar.vertical .trough, + progressbar.vertical progress { + min-width: 4px; } + GtkProgressBar.horizontal progress, + .progressbar.horizontal progress, + progressbar.horizontal progress { + margin: 0 -1px; } + GtkProgressBar.vertical progress, + .progressbar.vertical progress, + progressbar.vertical progress { + margin: -1px 0; } + GtkProgressBar:active, + .progressbar:active, + progressbar:active { + border-radius: 0px; + color: rgba(0, 0, 0, 0.5); + background-color: #667f8c; + border-color: #51646e; } + GtkProgressBar:active:backdrop, + .progressbar:active:backdrop, + progressbar:active:backdrop { + background-color: #8298a3; + border-color: #667f8c; } + GtkProgressBar:backdrop, + .progressbar:backdrop, + progressbar:backdrop { + transition: 200ms ease-out; } + GtkProgressBar .progressbar, + GtkProgressBar progress, + .progressbar .progressbar, + .progressbar progress, + progressbar .progressbar, + progressbar progress { + border-radius: 0px; } + GtkProgressBar .progressbar.left, + GtkProgressBar progress.left, + .progressbar .progressbar.left, + .progressbar progress.left, + progressbar .progressbar.left, + progressbar progress.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar .progressbar.right, + GtkProgressBar progress.right, + .progressbar .progressbar.right, + .progressbar progress.right, + progressbar .progressbar.right, + progressbar progress.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + GtkProgressBar .progressbar.top, + GtkProgressBar progress.top, + .progressbar .progressbar.top, + .progressbar progress.top, + progressbar .progressbar.top, + progressbar progress.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; } + GtkProgressBar .progressbar.bottom, + GtkProgressBar progress.bottom, + .progressbar .progressbar.bottom, + .progressbar progress.bottom, + progressbar .progressbar.bottom, + progressbar progress.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar.osd, + .progressbar.osd, + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + GtkProgressBar.osd .trough, + GtkProgressBar.osd trough, + .progressbar.osd .trough, + .progressbar.osd trough, + progressbar.osd .trough, + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + GtkProgressBar.osd .progressbar, + GtkProgressBar.osd progress, + .progressbar.osd .progressbar, + .progressbar.osd progress, + progressbar.osd .progressbar, + progressbar.osd progress { + border-style: none; + border-radius: 0; } + GtkProgressBar row:selected, + GtkProgressBar .list-row:selected, + .progressbar row:selected, + .progressbar .list-row:selected, + progressbar row:selected, + progressbar .list-row:selected { + border: 1px solid #51646e; + color: rgba(0, 0, 0, 0.5); + background-color: #667f8c; } + +/************ + * GtkScale * + ************/ +levelbar trough, levelbar.horizontal trough, +levelbar.horizontal .trough, levelbar.vertical trough, +levelbar.vertical .trough, GtkProgressBar, +.progressbar, +progressbar, scale trough, scale.fine-tune trough, scale fill { + border: none; + background-color: #636E73; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); + padding: 0; + margin: 0; } + levelbar trough:disabled, + levelbar.horizontal .trough:disabled, + levelbar.vertical .trough:disabled, GtkProgressBar:disabled, + .progressbar:disabled, + progressbar:disabled, scale trough:disabled, scale fill:disabled { + background-color: #576165; } + levelbar trough:backdrop, + levelbar.horizontal .trough:backdrop, + levelbar.vertical .trough:backdrop, GtkProgressBar:backdrop, + .progressbar:backdrop, + progressbar:backdrop, scale trough:backdrop, scale fill:backdrop { + background-color: #657176; + transition: 200ms ease-out; } + levelbar trough:backdrop:disabled, + levelbar.horizontal .trough:backdrop:disabled, + levelbar.vertical .trough:backdrop:disabled, GtkProgressBar:backdrop:disabled, + .progressbar:backdrop:disabled, + progressbar:backdrop:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: #576165; } + row:selected levelbar trough, levelbar row:selected trough, + row:selected levelbar.horizontal .trough, + levelbar.horizontal row:selected .trough, + row:selected levelbar.vertical .trough, + levelbar.vertical row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, + row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill { + box-shadow: none; } + row:selected levelbar trough, levelbar row:selected trough, + row:selected levelbar.horizontal .trough, + levelbar.horizontal row:selected .trough, + row:selected levelbar.vertical .trough, + levelbar.vertical row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, + row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected levelbar trough:disabled, levelbar row:selected trough:disabled, + row:selected levelbar.horizontal .trough:disabled, + levelbar.horizontal row:selected .trough:disabled, + row:selected levelbar.vertical .trough:disabled, + levelbar.vertical row:selected .trough:disabled, row:selected GtkProgressBar:disabled, + row:selected .progressbar:disabled, + row:selected progressbar:disabled, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled { + border-color: #262f33; } + .osd levelbar trough, levelbar .osd trough, + .osd levelbar.horizontal .trough, + levelbar.horizontal .osd .trough, + .osd levelbar.vertical .trough, + levelbar.vertical .osd .trough, .osd GtkProgressBar, + .osd .progressbar, + .osd progressbar, .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill { + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + outline-color: rgba(161, 168, 171, 0.2); } + .osd levelbar trough:disabled, levelbar .osd trough:disabled, + .osd levelbar.horizontal .trough:disabled, + levelbar.horizontal .osd .trough:disabled, + .osd levelbar.vertical .trough:disabled, + levelbar.vertical .osd .trough:disabled, .osd GtkProgressBar:disabled, + .osd .progressbar:disabled, + .osd progressbar:disabled, .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled { + background-color: rgba(45, 50, 51, 0.5); } + +GtkProgressBar .progressbar, +GtkProgressBar progress, +.progressbar .progressbar, +.progressbar progress, +progressbar .progressbar, +progressbar progress, scale fill, +scale highlight, scale.fine-tune fill, +scale.fine-tune highlight { + border: 1px solid #262f33; + background-color: #667f8c; + box-shadow: 0px 1px rgba(255, 255, 255, 0.1); + border-radius: 4px; + min-height: 8px; } + GtkProgressBar .progressbar:disabled, + GtkProgressBar progress:disabled, + .progressbar .progressbar:disabled, + .progressbar progress:disabled, + progressbar .progressbar:disabled, + progressbar progress:disabled, scale fill:disabled, + scale highlight:disabled { + border: 1px solid #0f1112; + background-color: #202425; } + GtkProgressBar .progressbar:backdrop, + GtkProgressBar progress:backdrop, + .progressbar .progressbar:backdrop, + .progressbar progress:backdrop, + progressbar .progressbar:backdrop, + progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar, + .progressbar:backdrop .progressbar, + progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, + .progressbar:backdrop progress, + progressbar:backdrop progress, scale fill:backdrop, + scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + GtkProgressBar progress:active:backdrop, + .progressbar .progressbar:active:backdrop, + .progressbar progress:active:backdrop, + progressbar .progressbar:active:backdrop, + progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active, + .progressbar:backdrop .progressbar:active, + progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, + .progressbar:backdrop progress:active, + progressbar:backdrop progress:active, scale fill:active:backdrop, + scale highlight:active:backdrop { + border-color: #262f33; + background-color: #8298a3; } + GtkProgressBar .progressbar:backdrop:disabled, + GtkProgressBar progress:backdrop:disabled, + .progressbar .progressbar:backdrop:disabled, + .progressbar progress:backdrop:disabled, + progressbar .progressbar:backdrop:disabled, + progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled, + .progressbar:backdrop .progressbar:disabled, + progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, + .progressbar:backdrop progress:disabled, + progressbar:backdrop progress:disabled, scale fill:backdrop:disabled, + scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, + GtkProgressBar progress:active:backdrop:disabled, + .progressbar .progressbar:active:backdrop:disabled, + .progressbar progress:active:backdrop:disabled, + progressbar .progressbar:active:backdrop:disabled, + progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled, + .progressbar:backdrop .progressbar:active:disabled, + progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, + .progressbar:backdrop progress:active:disabled, + progressbar:backdrop progress:active:disabled, scale fill:active:backdrop:disabled, + scale highlight:active:backdrop:disabled { + background-color: transparent; + border-color: transparent; } + .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, + .list-row:selected GtkProgressBar progress:disabled, + GtkProgressBar .list-row:selected progress:disabled, + .list-row:selected .progressbar .progressbar:disabled, + .progressbar .list-row:selected .progressbar:disabled, + .list-row:selected .progressbar progress:disabled, + .progressbar .list-row:selected progress:disabled, + .list-row:selected progressbar .progressbar:disabled, + progressbar .list-row:selected .progressbar:disabled, + .list-row:selected progressbar progress:disabled, + progressbar .list-row:selected progress:disabled, .list-row:selected scale fill:disabled, scale .list-row:selected fill:disabled, + .list-row:selected scale highlight:disabled, + scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, + .list-row:selected GtkProgressBar progress, + GtkProgressBar .list-row:selected progress, + .list-row:selected .progressbar .progressbar, + .progressbar .list-row:selected .progressbar, + .list-row:selected .progressbar progress, + .progressbar .list-row:selected progress, + .list-row:selected progressbar .progressbar, + progressbar .list-row:selected .progressbar, + .list-row:selected progressbar progress, + progressbar .list-row:selected progress, .list-row:selected scale fill, scale .list-row:selected fill, + .list-row:selected scale highlight, + scale .list-row:selected highlight { + border-color: #262f33; } + row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, + row:selected GtkProgressBar progress:disabled, + GtkProgressBar row:selected progress:disabled, + row:selected .progressbar .progressbar:disabled, + .progressbar row:selected .progressbar:disabled, + row:selected .progressbar progress:disabled, + .progressbar row:selected progress:disabled, + row:selected progressbar .progressbar:disabled, + progressbar row:selected .progressbar:disabled, + row:selected progressbar progress:disabled, + progressbar row:selected progress:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, + row:selected scale highlight:disabled, + scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + row:selected GtkProgressBar progress, + GtkProgressBar row:selected progress, + row:selected .progressbar .progressbar, + .progressbar row:selected .progressbar, + row:selected .progressbar progress, + .progressbar row:selected progress, + row:selected progressbar .progressbar, + progressbar row:selected .progressbar, + row:selected progressbar progress, + progressbar row:selected progress, row:selected scale fill, scale row:selected fill, + row:selected scale highlight, + scale row:selected highlight { + border-color: #262f33; } + .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, + .osd GtkProgressBar progress, + GtkProgressBar .osd progress, + .osd .progressbar .progressbar, + .progressbar .osd .progressbar, + .osd .progressbar progress, + .progressbar .osd progress, + .osd progressbar .progressbar, + progressbar .osd .progressbar, + .osd progressbar progress, + progressbar .osd progress, .osd scale fill, scale .osd fill, + .osd scale highlight, + scale .osd highlight { + border-color: rgba(0, 0, 0, 0.7); } + .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, + .osd GtkProgressBar progress:disabled, + GtkProgressBar .osd progress:disabled, + .osd .progressbar .progressbar:disabled, + .progressbar .osd .progressbar:disabled, + .osd .progressbar progress:disabled, + .progressbar .osd progress:disabled, + .osd progressbar .progressbar:disabled, + progressbar .osd .progressbar:disabled, + .osd progressbar progress:disabled, + progressbar .osd progress:disabled, .osd scale fill:disabled, scale .osd fill:disabled, + .osd scale highlight:disabled, + scale .osd highlight:disabled { + border-color: transparent; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 8px; } + scale fill, + scale highlight { + margin: -1px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: 2px; + background-color: #636E73; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + box-shadow: 0 1px 1px 0 rgba(102, 127, 140, 0.5); + border: 1px solid #667f8c; } + scale slider:active:disabled { + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); } + scale slider:disabled { + box-shadow: none; } + .list-row:selected scale slider, .list-row:selected scale slider:disabled { + border-color: #262f33; } + row:selected scale slider, row:selected scale slider:disabled { + border-color: #262f33; } + .osd scale slider { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #202526; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd scale slider:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd scale slider:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + scale trough { + border-radius: 2px; + margin: 6px; + outline-offset: 2px; + -gtk-outline-radius: 5px; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + min-height: 16px; + min-width: 16px; + background-color: #636E73; + border-color: #636E73; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + box-shadow: none; } + scale.fine-tune trough { + border-radius: 6px; + outline-offset: 2px; + -gtk-outline-radius: 5px; + margin: 2px; } + scale fill { + border-radius: 2px; } + scale fill, scale fill:backdrop { + background-color: #33393b; + box-shadow: none; } + scale fill:disabled, scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(62, 64, 65, 0.775); } + .osd scale fill:disabled, .osd scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + min-width: 6px; } + scale.vertical.fine-tune indicator { + min-width: 3px; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:backdrop, + scale.color.horizontal slider:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.color.horizontal slider, + scale.horizontal contents:last-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:hover:backdrop:disabled, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:hover:backdrop:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:active:backdrop:disabled, scale.color.horizontal .slider:active, + scale.color.horizontal slider:active:backdrop:disabled, + scale.color.horizontal slider:active, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:disabled, + scale.color.horizontal slider:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:backdrop, + scale.color.horizontal slider:backdrop, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:backdrop:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.color.vertical:dir(rtl) slider:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider, + scale.vertical contents:last-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, scale.color.vertical:dir(rtl) .slider:active, + scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:active, + scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:disabled, + scale.color.vertical:dir(rtl) slider:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:backdrop, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.color.vertical:dir(ltr) slider:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider, + scale.vertical contents:first-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, scale.color.vertical:dir(ltr) .slider:active, + scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:active, + scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:disabled, + scale.color.vertical:dir(ltr) slider:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:backdrop, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color .trough, + scale.color trough { + background-image: linear-gradient(to top, #33393b); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal .trough, + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:backdrop, + scale.color.horizontal slider:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.color.horizontal slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) .trough, + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.color.vertical:dir(ltr) slider:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) .trough, + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.color.vertical:dir(rtl) slider:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal .trough, + scale.color.fine-tune.horizontal trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) .trough, + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) .trough, + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +.scrollbar, +scrollbar { + background-color: #596368; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top, + scrollbar.top { + border-bottom: 1px solid #33393b; } + .scrollbar.bottom, + scrollbar.bottom { + border-top: 1px solid #33393b; } + .scrollbar.left, + scrollbar.left { + border-right: 1px solid #33393b; } + .scrollbar.right, + scrollbar.right { + border-left: 1px solid #33393b; } + .scrollbar:backdrop, + scrollbar:backdrop { + background-color: #485054; + border-color: #363c3e; + transition: 200ms ease-out; } + .scrollbar slider, + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #80888b; } + .scrollbar slider:hover, + scrollbar slider:hover { + background-color: #91989b; } + .scrollbar slider:hover:active, + scrollbar slider:hover:active { + background-color: #8298a3; } + .scrollbar slider:backdrop, + scrollbar slider:backdrop { + background-color: #5f686c; } + .scrollbar slider:disabled, + scrollbar slider:disabled { + background-color: transparent; } + .scrollbar.fine-tune .slider, + .scrollbar.fine-tune slider, + scrollbar.fine-tune .slider, + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + .scrollbar.fine-tune.horizontal slider, + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + .scrollbar.fine-tune.vertical slider, + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering), + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #A1A8AB; + border: 1px solid black; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #A1A8AB; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, + scrollbar.overlay-indicator.dragging, + scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar.horizontal slider, + scrollbar.horizontal slider { + min-width: 40px; } + .scrollbar.vertical slider, + scrollbar.vertical slider { + min-height: 40px; } + .scrollbar .button, + .scrollbar button, + scrollbar .button, + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #80888b; } + .scrollbar .button:hover, + .scrollbar button:hover, + scrollbar .button:hover, + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #91989b; } + .scrollbar .button:active, .scrollbar .button:checked, + .scrollbar button:active, + .scrollbar button:checked, + scrollbar .button:active, + scrollbar .button:checked, + scrollbar button:active, + scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8298a3; } + .scrollbar .button:disabled, + .scrollbar button:disabled, + scrollbar .button:disabled, + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(128, 136, 139, 0.2); } + .scrollbar .button:backdrop, + .scrollbar button:backdrop, + scrollbar .button:backdrop, + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #5f686c; } + .scrollbar .button:backdrop:disabled, + .scrollbar button:backdrop:disabled, + scrollbar .button:backdrop:disabled, + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(95, 104, 108, 0.2); } + .scrollbar.vertical .button.down, + .scrollbar.vertical button.down, + scrollbar.vertical .button.down, + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .scrollbar.vertical .button.up, + .scrollbar.vertical button.up, + scrollbar.vertical .button.up, + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .scrollbar.horizontal .button.down, + .scrollbar.horizontal button.down, + scrollbar.horizontal .button.down, + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + .scrollbar.horizontal .button.up, + .scrollbar.horizontal button.up, + scrollbar.horizontal .button.up, + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #33393b; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: solid; + background-color: #4F585C; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #33393b; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #33393b; + border-right-style: none; } + .sidebar:backdrop { + background-color: #5a6569; + border-color: #363c3e; + transition: 200ms ease-out; } + .sidebar list { + background-color: transparent; } + .sidebar .frame { + border-width: 0; + border-right-width: 1px; } + .sidebar .list-row, + .sidebar row { + border: none; + padding: 5px 8px; } + .sidebar .list-row > GtkLabel, + .sidebar .list-row > label, + .sidebar row > GtkLabel, + .sidebar row > label { + padding-left: 6px; + padding-right: 6px; } + .sidebar .list-row.needs-attention > label, + .sidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + .sidebar .separator { + color: #33393b; } + .sidebar > .inline-toolbar { + border-radius: 0; } + .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, 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 .list-row, +stacksidebar row { + padding: 5px 8px; } + stacksidebar .list-row > label, + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar .list-row.needs-attention > label, + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } +spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding: 6px; + color: #9ba2a5; + background-image: none; + border-style: none none none solid; + border-color: rgba(51, 57, 59, 0.3); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #A1A8AB; + background-color: rgba(161, 168, 171, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(120, 128, 132, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #767f83; + background-color: transparent; + border-color: rgba(54, 60, 62, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(114, 127, 133, 0.3); + background-image: none; + border-style: none none none solid; } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(161, 168, 171, 0.1); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #616769; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #788084; } +spinbutton.vertical:backdrop:disabled { + color: #727f85; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical .entry, +spinbutton.vertical entry { + min-height: 24px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical .button, +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border: none; + background: none; + box-shadow: none; + color: #A1A8AB; } + spinbutton.vertical .button:hover, + spinbutton.vertical button:hover { + background-color: #667f8c; + color: #ffffff; + -gtk-icon-shadow: none; } + spinbutton.vertical .button:active, + spinbutton.vertical button:active { + background-color: transparent; + color: #A1A8AB; } +spinbutton.vertical .button.up, +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +spinbutton.vertical .button.down, +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd spinbutton.vertical button:first-child { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +GtkTreeView spinbutton:not(.vertical), treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + GtkTreeView spinbutton:not(.vertical) .entry, + GtkTreeView spinbutton:not(.vertical) entry, treeview spinbutton:not(.vertical) .entry, + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #667f8c; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active, .spinner:checked, + spinner:active, + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:disabled, .spinner:checked:disabled, + spinner:active:disabled, + spinner:checked:disabled { + opacity: 0.5; } + +/********** + * Switch * + **********/ +switch { + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + padding: 2px; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); } + switch:disabled { + background-color: #576165; } + switch:backdrop { + background-color: #4F585C; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #576165; } + switch:active, switch:checked { + background-color: #667f8c; } + switch:active:backdrop, switch:checked:backdrop { + background-color: #738c99; } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(99, 110, 115, 0.9); + border: none; } + switch slider { + padding: 2px; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #636E73; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + switch slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #636E73; } + switch trough:active, switch trough:checked { + background-color: #667f8c; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: #738c99; } + +/************ + * Toolbars * + ************/ +toolbar { + padding: 0px; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + toolbar:backdrop { + background-color: #2f3537; + color: rgba(255, 255, 255, 0.3); } + +.osd toolbar { + box-shadow: none; + background-color: transparent; } +toolbar button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.8); + border-radius: 0px; + padding: 10px; } + toolbar button:focus, toolbar button:active { + color: rgba(255, 255, 255, 0.8); + text-shadow: none; + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); + background-color: rgba(255, 255, 255, 0.1); } + toolbar button:focus:backdrop, toolbar button:active:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + toolbar button:hover { + background-color: rgba(255, 255, 255, 0.1); + text-shadow: none; + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } + toolbar button:disabled { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + toolbar button:backdrop { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } +toolbar .separator { + color: transparent; + background-color: transparent; } +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(32, 37, 38, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } +toolbar.horizontal separator { + margin: 0 7px 1px 6px; } +toolbar.vertical separator { + margin: 6px 1px 7px 0; } + +/******************* + * Inline Toolbars * + *******************/ +searchbar, +.search-bar, .location-bar, +.inline-toolbar { + background-color: #4a5357; + color: #A1A8AB; + border: 1px solid #33393b; + border-top-width: 0; + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); + padding: 0px; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop, + .inline-toolbar:backdrop { + background-color: #434b4e; } + searchbar button, + .search-bar button, .location-bar button, + .inline-toolbar button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #A1A8AB; + border-radius: 0px; + padding: 10px; } + searchbar button:focus, + .search-bar button:focus, .location-bar button:focus, searchbar button:active, + .search-bar button:active, .location-bar button:active, + .inline-toolbar button:focus, + .inline-toolbar button:active { + font: bold; + color: #A1A8AB; + text-shadow: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.05); } + searchbar button:focus:backdrop, + .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, + .search-bar button:active:backdrop, .location-bar button:active:backdrop, + .inline-toolbar button:focus:backdrop, + .inline-toolbar button:active:backdrop { + border: none; + background-color: transparent; + color: #788084; } + searchbar button:hover, + .search-bar button:hover, .location-bar button:hover, + .inline-toolbar button:hover { + background-color: rgba(0, 0, 0, 0.05); + text-shadow: none; + color: #A1A8AB; + box-shadow: none; } + searchbar button:disabled, + .search-bar button:disabled, .location-bar button:disabled, + .inline-toolbar button:disabled { + background: none; + background-color: transparent; + color: rgba(161, 168, 171, 0.5); } + searchbar button:backdrop, + .search-bar button:backdrop, .location-bar button:backdrop, + .inline-toolbar button:backdrop { + border: none; + background: none; + background-color: transparent; + color: #788084; } + searchbar entry, + .search-bar entry, .location-bar entry, + .inline-toolbar entry { + background: none; + color: #A1A8AB; + border-radius: 0px; + border: none; + box-shadow: none; } + searchbar entry.image, + .search-bar entry.image, .location-bar entry.image, + .inline-toolbar entry.image { + color: #A1A8AB; } + searchbar entry.image.left, + .search-bar entry.image.left, .location-bar entry.image.left, + .inline-toolbar entry.image.left { + padding-right: 6px; } + searchbar entry:backdrop, + .search-bar entry:backdrop, .location-bar entry:backdrop, + .inline-toolbar entry:backdrop { + color: #788084; } + searchbar entry:selected, + .search-bar entry:selected, .location-bar entry:selected, + .inline-toolbar entry:selected { + color: #636E73; + background-color: #667f8c; } + +searchbar, +.search-bar, .location-bar { + border-style: solid; + border-color: #33393b; + background-color: #474f52; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop { + border-color: #363c3e; + background-color: #464e52; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar, +.search-bar { + padding: 3px 0px; + border-width: 0; + border-radius: 0; } + +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +/************ + * Tooltips * + ************/ +tooltip, +.tooltip, +.overlay-bar { + margin: 4px; + border: none; + border-radius: 3px; + background-color: #636E73; + color: #A1A8AB; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } + tooltip.background, + .tooltip.background, + .overlay-bar.background { + background-color: #636E73; + border: none; } + tooltip decoration, + .tooltip decoration, + .overlay-bar decoration { + background-color: transparent; } + tooltip *, + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #A1A8AB; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +.context-menu { + font: initial; } + +.button.circular, +button.circular { + border-radius: 20px; + -gtk-outline-radius: 20px; } + .button.circular label, + button.circular label { + padding: 0; } + +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + color: #A1A8AB; + background-color: #636E73; + border: 1px solid; + border-color: #33393b; + border-radius: 5px; + box-shadow: inset 0 -3px #464e51; + font-size: smaller; } + .keycap:backdrop { + background-color: #657176; + color: #788084; + transition: 200ms ease-out; } + +*:drop(active):focus, +*:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; + caret-color: #4e9a06; } + +stackswitcher button.text-button { + min-width: 100px; } + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #828b8f; + border-top-color: #4F585C; } + GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; } + GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, + treeview.view:selected:backdrop, + treeview.view:selected { + border-left-color: #b3bfc6; + border-top-color: rgba(161, 168, 171, 0.1); } + GtkTreeView.view:disabled, + treeview.view:disabled { + color: #788084; } + GtkTreeView.view:disabled:selected, + treeview.view:disabled:selected { + color: #a3b2ba; } + GtkTreeView.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(121, 143, 154, 0.85); } + GtkTreeView.view:disabled:backdrop, + treeview.view:disabled:backdrop { + color: #727f85; } + GtkTreeView.view.separator, + treeview.view.separator { + min-height: 2px; + color: #4F585C; } + GtkTreeView.view.separator:backdrop, + treeview.view.separator:backdrop { + color: rgba(79, 88, 92, 0.1); } + GtkTreeView.view:backdrop, + treeview.view:backdrop { + border-left-color: #646c70; + border-top: #4F585C; } + GtkTreeView.view:drop(active), + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #262f33; } + GtkTreeView.view:drop(active).after, + treeview.view:drop(active).after { + border-top-style: none; } + GtkTreeView.view:drop(active).before, + treeview.view:drop(active).before { + border-bottom-style: none; } + GtkTreeView.view.expander, + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8e979a; } + GtkTreeView.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover, + treeview.view.expander:hover { + color: #A1A8AB; } + GtkTreeView.view.expander:selected, + treeview.view.expander:selected { + color: #d1d9dd; } + GtkTreeView.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + GtkTreeView.view.expander:selected:backdrop, + treeview.view.expander:selected:backdrop { + color: rgba(169, 183, 190, 0.65); } + GtkTreeView.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:backdrop, + treeview.view.expander:backdrop { + color: #727c80; } + GtkTreeView.view.progressbar, + treeview.view.progressbar { + border: 1px solid #262f33; + border-radius: 4px; + background-color: #667f8c; + background-image: linear-gradient(to bottom, #667f8c, #51646e); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #636E73, #4b5458); } + GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + border-color: #657176; + background-color: #657176; } + GtkTreeView.view.progressbar:backdrop, + treeview.view.progressbar:backdrop { + border-color: #657176; + background-image: none; + box-shadow: none; } + GtkTreeView.view.trough, + treeview.view.trough { + background-color: rgba(161, 168, 171, 0.1); + border-radius: 4px; } + GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: #51646e; + border-radius: 4px; } + GtkTreeView.view column-header .button, + GtkTreeView.view column-header button, + GtkTreeView.view header .button, + GtkTreeView.view header button, + treeview.view column-header .button, + treeview.view column-header button, + treeview.view header .button, + treeview.view header button { + color: #828b8f; + background-color: #636E73; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + GtkTreeView.view column-header .button:hover, + GtkTreeView.view column-header button:hover, + GtkTreeView.view header .button:hover, + GtkTreeView.view header button:hover, + treeview.view column-header .button:hover, + treeview.view column-header button:hover, + treeview.view header .button:hover, + treeview.view header button:hover { + color: #929a9d; + box-shadow: none; + transition: none; } + GtkTreeView.view column-header .button:active, + GtkTreeView.view column-header button:active, + GtkTreeView.view header .button:active, + GtkTreeView.view header button:active, + treeview.view column-header .button:active, + treeview.view column-header button:active, + treeview.view header .button:active, + treeview.view header button:active { + color: #A1A8AB; + transition: none; } + GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, + GtkTreeView.view header button:last-child:backdrop, + GtkTreeView.view header button:last-child, + treeview.view column-header button:last-child:backdrop, + treeview.view column-header button:last-child, + treeview.view header button:last-child:backdrop, + treeview.view header button:last-child { + border-right-style: none; } + GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, + GtkTreeView.view button.dnd:active, + GtkTreeView.view button.dnd:selected, + GtkTreeView.view button.dnd:hover, + GtkTreeView.view button.dnd, + GtkTreeView.view column-header.button.dnd:active, + GtkTreeView.view column-header.button.dnd:selected, + GtkTreeView.view column-header.button.dnd:hover, + GtkTreeView.view column-header.button.dnd, + GtkTreeView.view header.button.dnd:active, + GtkTreeView.view header.button.dnd:selected, + GtkTreeView.view header.button.dnd:hover, + GtkTreeView.view header.button.dnd, + treeview.view .button.dnd:active, + treeview.view .button.dnd:selected, + treeview.view .button.dnd:hover, + treeview.view .button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view column-header.button.dnd:active, + treeview.view column-header.button.dnd:selected, + treeview.view column-header.button.dnd:hover, + treeview.view column-header.button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: #667f8c; + color: #636E73; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #636E73; + text-shadow: none; } + +GtkTreeView.view column-header .button, +GtkTreeView.view column-header button, +GtkTreeView.view header .button, +GtkTreeView.view header button, +treeview.view column-header .button, +treeview.view column-header button, +treeview.view header .button, +treeview.view header button, GtkTreeView.view column-header .button:hover, +GtkTreeView.view column-header button:hover, +GtkTreeView.view header .button:hover, +GtkTreeView.view header button:hover, +treeview.view column-header .button:hover, +treeview.view column-header button:hover, +treeview.view header .button:hover, +treeview.view header button:hover, GtkTreeView.view column-header .button:active, +GtkTreeView.view column-header button:active, +GtkTreeView.view header .button:active, +GtkTreeView.view header button:active, +treeview.view column-header .button:active, +treeview.view column-header button:active, +treeview.view header .button:active, +treeview.view header button:active { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #4F585C; } + GtkTreeView.view column-header .button:disabled, + GtkTreeView.view column-header button:disabled, + GtkTreeView.view header .button:disabled, + GtkTreeView.view header button:disabled, + treeview.view column-header .button:disabled, + treeview.view column-header button:disabled, + treeview.view header .button:disabled, + treeview.view header button:disabled { + border-color: #4F585C; + background-image: none; } + GtkTreeView.view column-header .button:backdrop, + GtkTreeView.view column-header button:backdrop, + GtkTreeView.view header .button:backdrop, + GtkTreeView.view header button:backdrop, + treeview.view column-header .button:backdrop, + treeview.view column-header button:backdrop, + treeview.view header .button:backdrop, + treeview.view header button:backdrop { + border-color: #4F585C; + border-style: none solid solid none; + color: #646c70; + background-image: none; + background-color: #657176; } + GtkTreeView.view column-header .button:backdrop:disabled, + GtkTreeView.view column-header button:backdrop:disabled, + GtkTreeView.view header .button:backdrop:disabled, + GtkTreeView.view header button:backdrop:disabled, + treeview.view column-header .button:backdrop:disabled, + treeview.view column-header button:backdrop:disabled, + treeview.view header .button:backdrop:disabled, + treeview.view header button:backdrop:disabled { + border-color: #4F585C; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +.window-frame, +decoration { + border-radius: 4px; + border-width: 0px; + box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); + margin: 10px; } + .window-frame:backdrop, + decoration:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); + transition: 200ms ease-out; } + .fullscreen .window-frame, .tiled .window-frame, .fullscreen + decoration, .tiled + decoration { + border-radius: 0; } + .popup .window-frame, .popup + decoration { + box-shadow: none; } + .ssd .window-frame, .ssd + decoration { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } + .csd.popup .window-frame, .csd.popup + decoration { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd + decoration, tooltip.csd + decoration { + border-radius: 5px; + box-shadow: none; } + GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd + decoration, messagedialog.csd + decoration { + border-radius: 5px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } + .solid-csd .window-frame, .solid-csd + decoration { + border-radius: 0; + margin: 4px; + background-color: #4F585C; + border: 0px solid #363c3e; + box-shadow: none; } + +.view:selected:focus, GtkIconView:selected:focus, +iconview:selected:focus, .view:selected, GtkIconView:selected, +iconview:selected, +GtkTextView text:selected:focus, +textview text:selected:focus, +GtkTextView text:selected, +textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, +textview text selection:focus, +textview text selection, GtkFlow flowboxchild:selected, +flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), +entry:selected:focus, +entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #667f8c; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected + label, row:selected + label, + label:selected, .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, + textview text selection:focus, + textview text selection, GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), + entry:selected:focus, + entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; } + .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected + label:disabled, row:selected + label:disabled, + label:disabled:selected, GtkIconView:disabled:selected:focus, + iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, + iconview:disabled:selected, + GtkTextView text:disabled:selected:focus, + textview text:disabled:selected:focus, + GtkTextView text:disabled:selected, + textview text:disabled:selected, GtkTextView text selection:disabled, + textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, + flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, + label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:disabled:selected:not(.vertical), + entry:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #b3bfc6; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected + label:backdrop, row:selected + label:backdrop, + label:backdrop:selected, GtkIconView:backdrop:selected:focus, + iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + iconview:backdrop:selected, + GtkTextView text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + GtkTextView text:backdrop:selected, + textview text:backdrop:selected, GtkTextView text selection:backdrop, + textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, + flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, + label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:backdrop:selected:not(.vertical), + entry:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected + label:backdrop:disabled, row:selected + label:backdrop:disabled, + label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, + iconview:backdrop:disabled:selected, + GtkTextView text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, + textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, + flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, + label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, + label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:backdrop:disabled:selected:not(.vertical), + entry:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(121, 143, 154, 0.85); } + +.monospace { + font: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********** +* Budgie * +**********/ +.budgie-panel { + background-color: rgba(0, 0, 0, 0.8); + transition: 100ms ease-in; + font: bold; + color: white; } + .budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +.max-budgie-panel { + background-color: black; + transition: 100ms ease-in; + font: bold; + color: white; } + .max-budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +/* Top launchers */ +/* Left hand side launchers */ +/* Right hand side launchers */ +.notification .priority.low { + background-color: #2095f2; } + +.notification .priority.high { + background-color: #feea3a; } + +.notification .priority.critical { + background-color: #f34235; } + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; } + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; } + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; } + +SudokuView { + border: none; } + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: #636E73; } + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: #667f8c; + color: #ffffff; } + +/******** + * Misc * + *******/ +ApDocView, +EogScrollView, +CheeseThumbView { + -EogScrollView-shadow-type: none; } + +/************ + * Terminal * + ************/ +TerminalScreen, +VteTerminal { + background-color: rgba(0, 43, 54, 0.9); + color: #839495; } + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: #636E73; } + TerminalWindow .titlebar:backdrop, + TerminalWindow .header-bar:backdrop { + background-color: #4b5458; } + +/************ + * Nautilus * + ************/ +NautilusCanvasView { + border: none; } + NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { + border: none; } + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #A1A8AB; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #A1A8AB; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #A1A8AB; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #ffffff; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, + .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #ffffff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, + .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #ffffff; } + +/*********** + * Builder * + ***********/ +GbGreeterWindow .titlebar, +GbGreeterWindow .header-bar, +GbWorkbench .titlebar, +GbWorkbench .header-bar { + background-color: #CBBB2E; } + GbGreeterWindow .titlebar:backdrop, + GbGreeterWindow .header-bar:backdrop, + GbWorkbench .titlebar:backdrop, + GbWorkbench .header-bar:backdrop { + background-color: #a19525; } + +/************** + * Calculator * + **************/ +MathWindow { + background-color: #636E73; + border-radius: 0 0 4px 4px; } + MathWindow .titlebar, + MathWindow .header-bar, + MathWindow .toolbar { + background-color: #07ce8e; } + MathWindow .titlebar:backdrop, + MathWindow .header-bar:backdrop, + MathWindow .toolbar:backdrop { + background-color: #059d6c; } + MathWindow MathButtons GtkComboBox, + MathWindow MathButtons .button { + background-color: transparent; + background-image: none; + box-shadow: none; + border: none; + text-shadow: none; + color: #07ce8e; + font: bold; } + MathWindow MathButtons GtkComboBox:hover, + MathWindow MathButtons .button:hover { + background-image: none; + background-color: #636E73; + color: #07ce8e; } + MathWindow MathButtons GtkComboBox:backdrop, + MathWindow MathButtons .button:backdrop { + color: #059d6c; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action, + MathWindow MathButtons .button.text-button.suggested-action { + background-image: none; + box-shadow: none; + text-shadow: none; + background-color: #07ce8e; + color: #636E73; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, + MathWindow MathButtons .button.text-button.suggested-action:backdrop { + background-color: #059d6c; + color: rgba(99, 110, 115, 0.5); } + MathWindow MathDisplay { + padding: 4px; + background-color: #636E73; + border: 1px solid #33393b; } + +/************ + * Calendar * + ************/ +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: #75A3F6; } + GcalWindow .titlebar:backdrop, + GcalWindow .header-bar:backdrop { + background-color: #4583f3; } + +/********** + * Cheese * + **********/ +CheeseWindow .titlebar, +CheeseWindow .header-bar, +CheeseWindow .toolbar { + background-color: #ad7fa8; } + CheeseWindow .titlebar:backdrop, + CheeseWindow .header-bar:backdrop, + CheeseWindow .toolbar:backdrop { + background-color: #986192; } + +/************ + * Contacts * + ************/ +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: #2095F2; } + ContactsWindow .titlebar:backdrop, + ContactsWindow .header-bar:backdrop { + background-color: #0c7bd3; } + +/********** + * Clocks * + **********/ +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: #4BAE4F; } + ClocksWindow .titlebar:backdrop, + ClocksWindow .header-bar:backdrop { + background-color: #3c8a3f; } + +/********* + * Disks * + *********/ +GduWindow .titlebar, +GduWindow .header-bar { + background-color: #8561C5; } + GduWindow .titlebar:backdrop, + GduWindow .header-bar:backdrop { + background-color: #6a41b2; } + +/************** + * Disk Usage * + **************/ +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: #CC5E55; } + BaobabWindow .titlebar:backdrop, + BaobabWindow .header-bar:backdrop { + background-color: #b74137; } + +/************* + * Documents * + *************/ +#Documents .titlebar, +#Documents .header-bar { + background-color: #C2352A; } + #Documents .titlebar:backdrop, + #Documents .header-bar:backdrop { + background-color: #982a21; } + +/************ + * Epiphany * + ************/ +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: #6573C3; } + EphyWindow .titlebar:backdrop, + EphyWindow .header-bar:backdrop { + background-color: #4555b0; } + EphyWindow .titlebar .incognito-mode, + EphyWindow .header-bar .incognito-mode { + background-color: #3e4c9e; } + EphyWindow .titlebar .incognito-mode .button, + EphyWindow .header-bar .incognito-mode .button { + background-image: none; } + EphyWindow .titlebar .incognito-mode:backdrop, + EphyWindow .header-bar .incognito-mode:backdrop { + background-color: #2f3a79; } + +/********* + * Gedit * + *********/ +GeditWindow .titlebar, +GeditWindow .header-bar, +GeditWindow .gedit-headerbar-paned { + background-color: #DC4836; } + GeditWindow .titlebar:backdrop, + GeditWindow .header-bar:backdrop, + GeditWindow .gedit-headerbar-paned:backdrop { + background-color: #be3221; } + +/************** + * Log Viewer * + **************/ +GlWindow .titlebar, +GlWindow .header-bar, +GlWindow .toolbar, +LogviewWindow .titlebar, +LogviewWindow .header-bar, +LogviewWindow .toolbar { + background-color: #009587; } + GlWindow .titlebar:backdrop, + GlWindow .header-bar:backdrop, + GlWindow .toolbar:backdrop, + LogviewWindow .titlebar:backdrop, + LogviewWindow .header-bar:backdrop, + LogviewWindow .toolbar:backdrop { + background-color: #006259; } + +/********* + * Music * + *********/ +gnomemusic + window + Window .titlebar, +gnomemusic + window + Window .header-bar { + background-color: #fe9700; } + gnomemusic + window + Window .titlebar:backdrop, + gnomemusic + window + Window .header-bar:backdrop { + background-color: #cb7900; } + +/***************** + * Notes/Bijiben * + *****************/ +BjbMainToolbar .titlebar, +BjbMainToolbar .header-bar, +BjbWindowBase .titlebar, +BjbWindowBase .header-bar { + background-color: #ebdd4d; } + BjbMainToolbar .titlebar:backdrop, + BjbMainToolbar .header-bar:backdrop, + BjbWindowBase .titlebar:backdrop, + BjbWindowBase .header-bar:backdrop { + background-color: #e6d41f; } + +/********** + * Photos * + **********/ +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: #D30101; } + PhotosMainWindow .titlebar:backdrop, + PhotosMainWindow .header-bar:backdrop { + background-color: #a00101; } + +/********** + * Polari * + **********/ +.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, +.header-bar.polari-titlebar-left, +.header-bar.polari-titlebar-right { + background-color: #4BAE4F; } + .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, + .header-bar.polari-titlebar-left:backdrop, + .header-bar.polari-titlebar-right:backdrop { + background-color: #3c8a3f; } + +/******************* + * System Settings * + ******************/ +CcWindow .titlebar, +CcWindow .header-bar { + background-color: #5F7C8A; } + CcWindow .titlebar:backdrop, + CcWindow .header-bar:backdrop { + background-color: #4a616c; } + +CcShellNavBar { + padding: 0px; } + +/************ + * Software * + ************/ +#window_software .titlebar, +#window_software .header-bar { + background-color: #1A77C2; } + #window_software .titlebar:backdrop, + #window_software .header-bar:backdrop { + background-color: #145b95; } + +/****************** + * System Monitor * + ******************/ +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: #6fbe72; } + #gnome-system-monitor .titlebar:backdrop, + #gnome-system-monitor .header-bar:backdrop { + background-color: #4eac51; } + +/******** + * Yelp * + ********/ +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: #435ece; } + YelpWindow .titlebar:backdrop, + YelpWindow .header-bar:backdrop { + background-color: #2e47b0; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #636E73; + background-color: #636E73; } + .gala-notification .title, + .gala-notification .label { + color: #A1A8AB; } + +.gala-button { + padding: 3px; + color: #636E73; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(99, 110, 115, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #A1A8AB; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(102, 127, 140, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #A1A8AB; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(102, 127, 140, 0.3); + color: #ffffff; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #A1A8AB; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel .maximized { + background-color: #000; } + .panel .translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel .color-light .composited-indicator > revealer label, + .panel .color-light .composited-indicator > revealer image, + .panel .color-light .composited-indicator > GtkRevealer { + color: rgba(0, 0, 0, 0.35); + text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); + -gtk-icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #636E73; + font-weight: bold; + text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } + +/************* + * AppCenter * + *************/ +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: #378BE6; } + AppCenterMainWindow .titlebar:backdrop, + AppCenterMainWindow .header-bar:backdrop { + background-color: #1a71d0; } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .titlebar, + PantheonCalculatorMainWindow .header-bar { + background-color: #07ce8e; } + PantheonCalculatorMainWindow .titlebar:backdrop, + PantheonCalculatorMainWindow .header-bar:backdrop { + background-color: #059d6c; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/******** + * Maya * + ********/ +MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { + background-color: #8CD33F; } + MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { + background-color: #72b52a; } + +/********* + * Cards * + *********/ +.deck { + background-color: #3c4346; } + +.card { + background-color: #636E73; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #576165; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .titlebar, + NoiseLibraryWindow .header-bar { + background-color: #EE6020; } + NoiseLibraryWindow .titlebar:backdrop, + NoiseLibraryWindow .header-bar:backdrop { + background-color: #cb4a10; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/*********** + * Scratch * + ***********/ +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: #e74c3c; } + ScratchMainWindow .titlebar:backdrop, + ScratchMainWindow .header-bar:backdrop { + background-color: #d62c1a; } + +/******** + * Snap * + ********/ +SnapMainWindow .titlebar, +SnapMainWindow .header-bar, +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: #6d266a; } + SnapMainWindow .titlebar:backdrop, + SnapMainWindow .header-bar:backdrop, + SnapSnapWindow .titlebar:backdrop, + SnapSnapWindow .header-bar:backdrop { + background-color: #471945; } +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .titlebar, +DirectWindow .header-bar, +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: #5544B5; } + DirectWindow .titlebar:backdrop, + DirectWindow .header-bar:backdrop, + LibraryWindow .titlebar:backdrop, + LibraryWindow .header-bar:backdrop { + background-color: #443690; } +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #4F585C; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #A1A8AB; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Backdrop Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +/* Backdrop Unity panel color */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #667f8c; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #636E73; + color: #dbdee0; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #636E73; + border-bottom-width: 0; + background-color: #636E73; + color: #dbdee0; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + background-color: #4b5458; + color: #c0c5c8; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #dbdee0; } + UnityDecoration .top .menuitem:backdrop { + background-color: #4b5458; + color: #c0c5c8; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #626c71; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #636E73, #626c71); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #626c71; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: #4b5458; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #343a3c; + color: #dbdee0; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: #1c1f21; + color: #c0c5c8; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #dbdee0; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #dbdee0; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #343a3c; + color: #dbdee0; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #788084; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #616b70; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: #33393b; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #636E73; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #667f8c; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left, +.geary-titlebar-right { + background-color: #F2B035; } + .geary-titlebar-left:backdrop, + .geary-titlebar-right:backdrop { + background-color: #e59a0f; } + .geary-titlebar-left .separator, + .geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView GtkIconView:active, + ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected, + ConversationListView iconview:selected { + background-color: #667f8c; + color: #ffffff; } + ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, + ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop, + ConversationListView iconview:selected:backdrop { + background-color: #738c99; + color: rgba(255, 255, 255, 0.5); } + ConversationListView .view .cell, ConversationListView GtkIconView .cell, + ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected, + ConversationListView iconview .cell:selected { + color: #ffffff; + border: 0px solid #51646e; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #23282a; + color: rgba(255, 255, 255, 0.8); + font: bold; + box-shadow: inset 0 -1px #131516; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: rgba(255, 255, 255, 0.8); + font: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.3); } + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #A1A8AB; } + +#content_frame { + padding-bottom: 14px; + background-color: #4F585C; + 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: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + #content_frame button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + #content_frame button:active, #content_frame button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + #content_frame button:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + #content_frame button:disabled GtkLabel, #content_frame button:disabled { + color: #788084; } + #content_frame button:disabled label, #content_frame button:disabled { + color: #788084; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #3B4245; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #A1A8AB; + font: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } diff --git a/Paper/gtk-3.20/gtk-dark.scss b/Paper/gtk-3.20/gtk-dark.scss new file mode 100644 index 0000000..3bb20fd --- /dev/null +++ b/Paper/gtk-3.20/gtk-dark.scss @@ -0,0 +1,26 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +$variant: 'dark'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; \ No newline at end of file diff --git a/Paper/gtk-3.20/gtk.css b/Paper/gtk-3.20/gtk.css new file mode 100644 index 0000000..110ecdc --- /dev/null +++ b/Paper/gtk-3.20/gtk.css @@ -0,0 +1,7038 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #666666; +/* text color for entries, views and content in general */ +@define-color theme_text_color #666666; +/* widget base background color */ +@define-color theme_bg_color #f7f7f7; +/* text widgets and the like base background color */ +@define-color theme_base_color #ffffff; +/* base background color of selections */ +@define-color theme_selected_bg_color #449ac2; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #fafafa; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #afafaf; +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #ffffff; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #afafaf; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #666666; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #f7f7f7; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #fcfcfc; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #449ac2; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* widgets main borders color */ +@define-color borders #c4c4c4; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #c9c9c9; +/* these are pretty self explicative */ +@define-color warning_color #feea3a; +@define-color error_color #f34235; +@define-color success_color #1ea362; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#666666, 1.8); +@define-color wm_unfocused_title #afafaf; +@define-color wm_highlight rgba(255, 255, 255, 0.2); +@define-color wm_borders_edge rgba(255, 255, 255, 0.2); +@define-color wm_bg_a shade(#f7f7f7, 1.2); +@define-color wm_bg_b #f7f7f7; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#f7f7f7, 1.3); +@define-color wm_button_hover_color_b #f7f7f7; +@define-color wm_button_active_color_a shade(#f7f7f7, 0.85); +@define-color wm_button_active_color_b shade(#f7f7f7, 0.89); +@define-color wm_button_active_color_c shade(#f7f7f7, 0.9); +@define-color content_view_bg #ffffff; +/********** + * Common * + **********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f34235; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkPaned-handle-size: 1; + -gtk-secondary-caret-color: #449ac2; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #dedede; + border: solid #c4c4c4; + border-width: 1px 0 0 0; + color: #666666; + box-shadow: none; } + .action-bar:backdrop { + background-color: #dedede; + box-shadow: none; + -gtk-icon-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #666666; + background-color: #f7f7f7; } + .background:backdrop { + color: #afafaf; + background-color: #f7f7f7; + text-shadow: none; + -gtk-icon-shadow: none; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #666666; + background-color: #f7f7f7; } + .gtkstyle-fallback:hover { + color: #666666; + background-color: white; } + .gtkstyle-fallback:active { + color: #666666; + background-color: #dedede; } + .gtkstyle-fallback:disabled { + color: #afafaf; + background-color: #fafafa; } + .gtkstyle-fallback:selected { + color: #ffffff; + background-color: #449ac2; } + +.view, GtkIconView, +iconview, +GtkTextView text, +textview text { + color: #666666; + background-color: #ffffff; } + .view:backdrop, GtkIconView:backdrop, + iconview:backdrop, + GtkTextView text:backdrop, + textview text:backdrop { + color: #848484; + background-color: #fcfcfc; } + .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected { + border-radius: 3px; } + +GtkTextView, +textview border { + background-color: #fbfbfb; + background-image: image(rgba(0, 0, 0, 0.2)); + background-repeat: no-repeat; } + GtkTextView:backdrop, + textview border:backdrop { + background-color: #fafafa; } + GtkTextView.bottom, + textview border.bottom { + background-size: 100% 1px; + background-position: top; } + GtkTextView.top, + textview border.top { + background-size: 100% 1px; + background-position: bottom; } + GtkTextView.left, + textview border.left { + background-size: 1px 100%; + background-position: right; } + GtkTextView.right, + textview border.right { + background-size: 1px 100%; + background-position: left; } + +GtkIconView, +iconview { + background-color: transparent; } + GtkIconView:backdrop, + iconview:backdrop { + background-color: transparent; } + +.rubberband, +rubberband, +GtkFlow rubberband, +flowbox rubberband, +.content-view rubberband, +GtkTreeView.view .rubberband, +GtkTreeView.view rubberband, +treeview.view .rubberband, +treeview.view rubberband { + border: 1px solid #347d9f; + background-color: rgba(52, 125, 159, 0.2); } + +GtkFlow flowboxchild, +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected { + outline-offset: -2px; } + +GtkLabel.separator, +label.separator { + color: #666666; } + GtkLabel.separator:backdrop, + label.separator:backdrop { + color: #afafaf; } +GtkLabel selection, +label selection { + background-color: #449ac2; + color: #ffffff; } +GtkLabel:disabled, +label:disabled { + color: #afafaf; } + GtkLabel:disabled:backdrop, + label:disabled:backdrop { + color: #d1d1d1; } +GtkLabel:backdrop, +label:backdrop { + color: #afafaf; } + +.dim-label, GtkLabel.separator, +label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, +.osd { + color: #A1A8AB; + border: none; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; + outline-color: rgba(161, 168, 171, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, + .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#449ac2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 4px 9px; + border: 1px solid #c4c4c4; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.sidebar-button, notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + button.sidebar-button:hover, notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); + transition-duration: 50ms; } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat GtkLabel, + button:backdrop.flat, + button:backdrop GtkLabel, + button:backdrop { + color: #afafaf; } + button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat label, + button:backdrop.flat, + button:backdrop label, + button:backdrop { + color: #afafaf; } + button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + border-color: #c9c9c9; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active GtkLabel, + button:backdrop.flat:active, + button:backdrop.flat:checked GtkLabel, + button:backdrop.flat:checked, + button:backdrop:active GtkLabel, + button:backdrop:active, + button:backdrop:checked GtkLabel, + button:backdrop:checked { + color: #afafaf; } + button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active label, + button:backdrop.flat:active, + button:backdrop.flat:checked label, + button:backdrop.flat:checked, + button:backdrop:active label, + button:backdrop:active, + button:backdrop:checked label, + button:backdrop:checked { + color: #afafaf; } + button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + border-color: #c9c9c9; + background-image: none; + background-color: #fafafa; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled GtkLabel, + button:backdrop.flat:disabled, + button:backdrop:disabled GtkLabel, + button:backdrop:disabled { + color: #d1d1d1; } + button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled label, + button:backdrop.flat:disabled, + button:backdrop:disabled label, + button:backdrop:disabled { + color: #d1d1d1; } + button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + border-color: #c9c9c9; + background-image: none; + background-color: #ededed; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, + button:backdrop.flat:disabled:active label, + button:backdrop.flat:disabled:checked label, + button:backdrop:disabled:active label, + button:backdrop:disabled:checked label { + color: #d1d1d1; } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled, + button:disabled GtkLabel, + button:disabled { + color: #afafaf; } + notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled, + button:disabled label, + button:disabled { + color: #afafaf; } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active GtkLabel, + button:disabled:active, + button:disabled:checked GtkLabel, + button:disabled:checked { + color: #afafaf; } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active label, + button:disabled:active, + button:disabled:checked label, + button:disabled:checked { + color: #afafaf; } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button GtkLabel, + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button GtkLabel, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } +row:selected +button { + border-color: #347d9f; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #fcfcfc; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #A1A8AB; + border-radius: 5px; + outline-color: rgba(161, 168, 171, 0.3); + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification .button, .app-notification button, +.app-notification.frame .button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd +button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:hover, .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd + button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd + button:active:backdrop, .osd + button:active, .osd + button:checked:backdrop, .osd + button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd + button:disabled:backdrop, .osd + button:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .button:backdrop, .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd + button:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .flat.button, .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification .flat.button:hover, .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd + button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .flat.button:disabled, .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd + button.flat:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd + button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .flat.button:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd + button.flat:active, .osd + button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #215065; + background-image: linear-gradient(to bottom, #449ac2, #3a8cb2); + text-shadow: 0 1px rgba(0, 0, 0, 0.58902); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.58902); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #449ac2; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #215065; + background-image: linear-gradient(to bottom, #5ba6c9, #449ac2 60%, #3c8fb6); + text-shadow: 0 1px rgba(0, 0, 0, 0.54102); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54102); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + button.suggested-action:active, + button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #215065; + background-image: linear-gradient(to bottom, #3886ab, #3e95be); + text-shadow: 0 1px rgba(0, 0, 0, 0.66902); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.66902); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop { + border-color: #449ac2; + background-image: linear-gradient(to bottom, #449ac2); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop GtkLabel, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop GtkLabel, + button.suggested-action.flat:backdrop { + color: #daebf3; } + button.suggested-action:backdrop label, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop label, + button.suggested-action.flat:backdrop { + color: #daebf3; } + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked { + border-color: #347d9f; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action:backdrop:active GtkLabel, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked GtkLabel, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active GtkLabel, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked GtkLabel, + button.suggested-action.flat:backdrop:checked { + color: #d6e5ec; } + button.suggested-action:backdrop:active label, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked label, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active label, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked label, + button.suggested-action.flat:backdrop:checked { + color: #d6e5ec; } + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: #c9c9c9; + background-image: none; + background-color: #fafafa; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop:disabled GtkLabel, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled GtkLabel, + button.suggested-action.flat:backdrop:disabled { + color: #d1d1d1; } + button.suggested-action:backdrop:disabled label, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled label, + button.suggested-action.flat:backdrop:disabled { + color: #d1d1d1; } + button.suggested-action:backdrop:disabled:active, + button.suggested-action:backdrop:disabled:checked, + button.suggested-action.flat:backdrop:disabled:active, + button.suggested-action.flat:backdrop:disabled:checked { + border-color: #4d9fc5; + background-image: none; + background-color: #4d9fc5; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action:backdrop:disabled:active label, + button.suggested-action:backdrop:disabled:checked label, + button.suggested-action.flat:backdrop:disabled:active label, + button.suggested-action.flat:backdrop:disabled:checked label { + color: #8bc1d9; } + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(68, 154, 194, 0.8); } + button.suggested-action:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + button.suggested-action:disabled GtkLabel, + button.suggested-action:disabled { + color: #afafaf; } + button.suggested-action:disabled label, + button.suggested-action:disabled { + color: #afafaf; } + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + border-color: #215065; + background-image: none; + background-color: #4d9fc5; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action:disabled:active GtkLabel, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked GtkLabel, + button.suggested-action:disabled:checked { + color: #b8d9e8; } + button.suggested-action:disabled:active label, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked label, + button.suggested-action:disabled:checked { + color: #b8d9e8; } + .osd + button.suggested-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:active:backdrop, .osd + button.suggested-action:active, .osd + button.suggested-action:checked:backdrop, .osd + button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #449ac2); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.suggested-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f34235, #f22b1d); + text-shadow: 0 1px rgba(0, 0, 0, 0.53569); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #f34235; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022); + text-shadow: 0 1px rgba(0, 0, 0, 0.48769); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + button.destructive-action:active, + button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f12213, #f2392b); + text-shadow: 0 1px rgba(0, 0, 0, 0.61569); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { + border-color: #f34235; + background-image: linear-gradient(to bottom, #f34235); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop GtkLabel, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop GtkLabel, + button.destructive-action.flat:backdrop { + color: #fdd9d7; } + button.destructive-action:backdrop label, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop label, + button.destructive-action.flat:backdrop { + color: #fdd9d7; } + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked { + border-color: #e71d0e; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action:backdrop:active GtkLabel, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked GtkLabel, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active GtkLabel, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked GtkLabel, + button.destructive-action.flat:backdrop:checked { + color: #fad2cf; } + button.destructive-action:backdrop:active label, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked label, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active label, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked label, + button.destructive-action.flat:backdrop:checked { + color: #fad2cf; } + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: #c9c9c9; + background-image: none; + background-color: #fafafa; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop:disabled GtkLabel, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled GtkLabel, + button.destructive-action.flat:backdrop:disabled { + color: #d1d1d1; } + button.destructive-action:backdrop:disabled label, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled label, + button.destructive-action.flat:backdrop:disabled { + color: #d1d1d1; } + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked { + border-color: #f4473b; + background-image: none; + background-color: #f4473b; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action:backdrop:disabled:active label, + button.destructive-action:backdrop:disabled:checked label, + button.destructive-action.flat:backdrop:disabled:active label, + button.destructive-action.flat:backdrop:disabled:checked label { + color: #f88780; } + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(243, 66, 53, 0.8); } + button.destructive-action:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + button.destructive-action:disabled GtkLabel, + button.destructive-action:disabled { + color: #afafaf; } + button.destructive-action:disabled label, + button.destructive-action:disabled { + color: #afafaf; } + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + border-color: #9f1409; + background-image: none; + background-color: #f4473b; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action:disabled:active GtkLabel, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked GtkLabel, + button.destructive-action:disabled:checked { + color: #fbb5b1; } + button.destructive-action:disabled:active label, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked label, + button.destructive-action:disabled:checked { + color: #fbb5b1; } + .osd + button.destructive-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:active:backdrop, .osd + button.destructive-action:active, .osd + button.destructive-action:checked:backdrop, .osd + button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #f34235); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.destructive-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > +button { + outline-offset: -3px; } + .stack-switcher > + button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > + button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > + button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > + button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > + button.needs-attention:active > label, + .stack-switcher > + button.needs-attention:active > image, .stack-switcher > + button.needs-attention:checked > label, + .stack-switcher > + button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar +button, .inline-toolbar +button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar +button { + -gtk-icon-shadow: none; } + +.stack-switcher > +button.needs-attention > label, +.stack-switcher > +button.needs-attention > image, .sidebar .list-row.needs-attention > label, +.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label, +stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > + button.needs-attention > label:backdrop, + .stack-switcher > + button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop, + .sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop, + stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > + button.needs-attention > label:dir(rtl), + .stack-switcher > + button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl), + .sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl), + stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + +.inline-toolbar toolbutton > button { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled { + color: #afafaf; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: #afafaf; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked { + color: #afafaf; } + .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: #afafaf; } + .inline-toolbar toolbutton > button:backdrop { + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + border-color: #c9c9c9; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:disabled { + border-color: #c9c9c9; + background-image: none; + background-color: #fafafa; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled { + color: #d1d1d1; } + .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { + color: #d1d1d1; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + border-color: #c9c9c9; + background-image: none; + background-color: #ededed; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { + color: #d1d1d1; } + +toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar +button, .inline-toolbar +button:backdrop, .linked > +button, .linked > +button:hover, .linked > +button:active, .linked > +button:checked, .linked > +button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar +button:first-child, .linked > +button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar +button:last-child, .linked > +button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar +button:only-child, .linked > +button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > +button, .linked.vertical > +button:hover, .linked.vertical > +button:active, .linked.vertical > +button:checked, .linked.vertical > +button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > +button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > +button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > +button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: white; } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, + popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, + popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, +popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, + popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, + popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, + popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child { + box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #666666; + border: 1px solid #c4c4c4; } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(102, 102, 102, 0.45); } + calendar.button:hover { + color: #666666; } + calendar.button:backdrop { + color: rgba(175, 175, 175, 0.45); } + calendar.button:disabled { + color: rgba(175, 175, 175, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #666666; } + calendar:backdrop { + color: #848484; + border-color: #c9c9c9; } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop.png"), url("../assets/checkbox-mixed-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop.png"), url("../assets/radio-mixed-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-hover.png"), url("../assets/selected-checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-hover.png"), url("../assets/selected-radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-active.png"), url("../assets/selected-checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-active.png"), url("../assets/selected-radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop.png"), url("../assets/selected-checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop.png"), url("../assets/selected-radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive.png"), url("../assets/selected-checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive.png"), url("../assets/selected-radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop-insensitive.png"), url("../assets/selected-radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-hover.png"), url("../assets/selected-checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-hover.png"), url("../assets/selected-radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-active.png"), url("../assets/selected-checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-active.png"), url("../assets/selected-radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-backdrop.png"), url("../assets/selected-checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-backdrop.png"), url("../assets/selected-radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive.png"), url("../assets/selected-checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive.png"), url("../assets/selected-radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-backdrop.png"), url("../assets/selected-checkbox-checked-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-backdrop.png"), url("../assets/selected-radio-checked-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-hover.png"), url("../assets/selected-checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-hover.png"), url("../assets/selected-radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-active.png"), url("../assets/selected-checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-active.png"), url("../assets/selected-radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-backdrop.png"), url("../assets/selected-checkbox-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-backdrop.png"), url("../assets/selected-radio-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive.png"), url("../assets/selected-checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive.png"), url("../assets/selected-radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-backdrop.png"), url("../assets/selected-checkbox-mixed-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-backdrop.png"), url("../assets/selected-radio-mixed-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, GtkIconView.content-view check, +iconview.content-view check, +.view.content-view.check, +GtkIconView.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, GtkIconView.content-view radio, +iconview.content-view radio, +.view.content-view.radio, +GtkIconView.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, GtkIconView.content-view check:hover, +iconview.content-view check:hover, +.view.content-view.check:hover, +GtkIconView.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, GtkIconView.content-view radio:hover, +iconview.content-view radio:hover, +.view.content-view.radio:hover, +GtkIconView.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, GtkIconView.content-view check:active, +iconview.content-view check:active, +.view.content-view.check:active, +GtkIconView.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, GtkIconView.content-view radio:active, +iconview.content-view radio:active, +.view.content-view.radio:active, +GtkIconView.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, +iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +GtkIconView.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, +iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +GtkIconView.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, GtkIconView.content-view check:disabled, +iconview.content-view check:disabled, +.view.content-view.check:disabled, +GtkIconView.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, GtkIconView.content-view radio:disabled, +iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +GtkIconView.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop, +iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +GtkIconView.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop, +iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +GtkIconView.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, GtkIconView.content-view check, +iconview.content-view check, +.view.content-view.check, +GtkIconView.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, GtkIconView.content-view radio, +iconview.content-view radio, +.view.content-view.radio, +GtkIconView.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, GtkIconView.content-view check:hover, +iconview.content-view check:hover, +.view.content-view.check:hover, +GtkIconView.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, GtkIconView.content-view radio:hover, +iconview.content-view radio:hover, +.view.content-view.radio:hover, +GtkIconView.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, GtkIconView.content-view check:active, +iconview.content-view check:active, +.view.content-view.check:active, +GtkIconView.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, GtkIconView.content-view radio:active, +iconview.content-view radio:active, +.view.content-view.radio:active, +GtkIconView.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, +iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +GtkIconView.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, +iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +GtkIconView.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, GtkIconView.content-view check:disabled, +iconview.content-view check:disabled, +.view.content-view.check:disabled, +GtkIconView.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, GtkIconView.content-view radio:disabled, +iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +GtkIconView.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop, +iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +GtkIconView.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("../assets/checkbox-checked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop, +iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +GtkIconView.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.check.text-button, .radio.text-button, +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child, + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child, + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +.check, +radio, +.radio { + margin: 0 4px; } + .menu .menuitem check, menu menuitem check, .menu .menuitem + .check, menu menuitem + .check, .menu .menuitem + radio, menu menuitem + radio, .menu .menuitem + .radio, menu menuitem + .radio { + margin: 0; } + +menu menuitem check:not(:indeterminate):checked, +menu menuitem radio:not(:indeterminate):checked, +menu menuitem check:indeterminate:checked:active, +menu menuitem radio:indeterminate:checked { + animation: none; } + +treeview.view check:selected:focus, treeview.view check:selected, +treeview.view radio:selected:focus, +treeview.view radio:selected { + color: #666666; + border-color: #347d9f; } +treeview.view check:selected:disabled, +treeview.view radio:selected:disabled { + color: #afafaf; } + treeview.view check:selected:disabled:backdrop, + treeview.view radio:selected:disabled:backdrop { + color: #d1d1d1; } +treeview.view check:backdrop:selected, treeview.view check:backdrop, +treeview.view radio:backdrop:selected, +treeview.view radio:backdrop { + color: #afafaf; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #ffffff; } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.8); } + colorswatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +colorswatch.light overlay { + color: #666666; } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + colorswatch.light overlay:backdrop { + color: #848484; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #4e9a06; + box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } + colorswatch:drop(active).dark overlay { + border-color: #4e9a06; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } +colorswatch overlay { + box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7); + border: 1px solid rgba(0, 0, 0, 0.3); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(0, 0, 0, 0.3); + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + colorswatch#add-color-button overlay:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + colorswatch#add-color-button overlay:backdrop { + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + colorswatch#add-color-button overlay:backdrop GtkLabel, colorswatch#add-color-button overlay:backdrop { + color: #afafaf; } + colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { + color: #afafaf; } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #ffffff; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/****************** + * Combobox Entry * + ******************/ +.combobox-entry button { + box-shadow: none; } + .combobox-entry button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry button:last-child { + border-radius: 0 4px 4px 0; } +.combobox-entry entry { + box-shadow: none; } + .combobox-entry entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry entry:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: #f7f7f7; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + messagedialog .titlebar:backdrop { + background-color: #f7f7f7; } +messagedialog.csd { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); } + messagedialog.csd.background { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + messagedialog.csd .dialog-action-area .button, + messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area .button:first-child, + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area .button:last-child, + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + filechooser .dialog-action-box { + border-top: 1px solid #c4c4c4; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + filechooser .dialog-action-box:backdrop { + border-top-color: #c9c9c9; } + filechooser #pathbarbox { + border-bottom: 1px solid #f7f7f7; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 20px; + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #666666; + border-color: #c4c4c4; + background-color: #ffffff; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton:not(.vertical) undershoot.left, + entry 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; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry 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; + box-shadow: none; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + spinbutton:focus:not(.vertical), + entry:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #449ac2; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #afafaf; + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #848484; + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #fcfcfc); + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #d1d1d1; + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #f34235; + border-color: #f34235; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #f34235; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #f34235; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #feea3a; + border-color: #feea3a; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #feea3a; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #feea3a; } + spinbutton:not(.vertical) image, + entry image { + color: #858585; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #666666; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #449ac2; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #bebebe; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } + .osd spinbutton:not(.vertical), .osd + entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { + color: white; + border-color: #449ac2; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #449ac2; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus + +entry { + border-left-color: #449ac2; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #4e9a06; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #ededed; + background-image: linear-gradient(to bottom, #ffffff); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #ededed; + background-image: linear-gradient(to bottom, #fcfcfc); } +.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + entry:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #ededed; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #449ac2; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #4e9a06; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + .entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + .button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #449ac2; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + .entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + .button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #4e9a06; } + +treeview acceleditor > label { + background-color: #449ac2; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #449ac2; } + +/************* + * Expanders * + *************/ +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: #b3b3b3; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * File chooser * + ****************/ +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row:selected { + color: #ffffff; } + placessidebar row:disabled { + color: #afafaf; } + placessidebar row:backdrop { + color: #afafaf; } + placessidebar row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + placessidebar row:backdrop:disabled { + color: #d1d1d1; } + placessidebar row GtkImage.sidebar-icon, + placessidebar row image.sidebar-icon { + opacity: 0.7; } + placessidebar row GtkImage.sidebar-icon:dir(ltr), + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row GtkImage.sidebar-icon:dir(rtl), + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row GtkLabel.sidebar-label:dir(ltr), + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row GtkLabel.sidebar-label:dir(rtl), + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { + opacity: 0.7; } + placessidebar row:selected:active { + box-shadow: none; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image(#4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #449ac2; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -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 row.activatable:hover { + background-color: transparent; } +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #f7f7f7; + border-width: 1px; + border-style: solid solid none; + border-color: #c4c4c4; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > .button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #f7f7f7; + border-color: #c9c9c9; } + +/********** + * Frames * + **********/ +frame > border { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #c4c4c4; } + frame > border.flat { + border-style: none; } + frame > border:backdrop { + border-color: #c9c9c9; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #c4c4c4; } + actionbar > revealer > box:backdrop { + border-color: #c9c9c9; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); + background-size: 100% 5%; + 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.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); + background-size: 100% 5%; + 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.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); + background-size: 5% 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.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); + background-size: 5% 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; + box-shadow: 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; + box-shadow: 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; + box-shadow: 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; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #c4c4c4 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #dadada; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #c9c9c9 1px, transparent 1px); + background-color: #efefef; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #ffffff; + background: #ffffff; + color: #666666; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #449ac2; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar, + GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #ffffff; + background-image: none; + border: 1px solid #ffffff; + color: #666666; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #ffffff; } + GraniteWidgetsWelcome GtkLabel { + color: #666666; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(102, 102, 102, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #f7f7f7; + border: solid #c4c4c4; + color: #666666; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #f7f7f7; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #eaeaea; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(102, 102, 102, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #feea3a; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #ffffff; } + .storage-bar .fill-block.app { + background-color: #2095f2; } + .storage-bar .fill-block.audio { + background-color: #fe9700; } + .storage-bar .fill-block.photo { + background-color: #f34235; } + .storage-bar .fill-block.video { + background-color: #9b26af; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header Bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + min-height: 40px; + padding: 0 8px; + border: none; + border-radius: 4px 4px 0 0; + background-color: #636E73; + color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + background-color: #636E73; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: #ffffff; } + .titlebar:not(headerbar) .title:backdrop, + headerbar .title:backdrop { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: #ffffff; } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + border-radius: 4px 4px 0 0; + color: #ffffff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #347d9f; + background-color: #347D9F; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: #275f79; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(68, 154, 194, 0); + background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled + headerbar:backdrop, .tiled + headerbar, .maximized + headerbar:backdrop, .maximized + headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { + padding: 6px; + min-height: 28px; + background-color: #636E73; + color: #ffffff; } + .default-decoration.titlebar:not(headerbar) .maximized, + headerbar.default-decoration .maximized { + padding: 6px; } + .default-decoration.titlebar:backdrop:not(headerbar), + headerbar.default-decoration:backdrop { + background-color: #576165; + color: rgba(255, 255, 255, 0.5); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton, + .default-decoration.titlebar:not(headerbar) button.titlebutton, + headerbar.default-decoration .button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, + .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, + headerbar.default-decoration .button.titlebutton:hover, + headerbar.default-decoration button.titlebutton:hover { + background-color: transparent; + color: white; } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, + .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, + headerbar.default-decoration .button.titlebutton:backdrop, + headerbar.default-decoration button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, + .default-decoration.titlebar:not(headerbar) button.titlebutton:active, + headerbar.default-decoration .button.titlebutton:active, + headerbar.default-decoration button.titlebutton:active { + background-color: #ffffff; + color: #636E73; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) entry, + headerbar entry { + margin: 6px 0; + min-height: 16px; + border-radius: 2px; + padding: 4px; + border: none; + box-shadow: none; + background: rgba(255, 255, 255, 0.95); + color: #666666; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) entry > image, + headerbar entry > image { + padding-right: 6px; + color: rgba(102, 102, 102, 0.8); } + .titlebar:not(headerbar) entry:active, .titlebar:not(headerbar) entry:focus, + headerbar entry:active, + headerbar entry:focus { + background: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) entry:active > image, .titlebar:not(headerbar) entry:focus > image, + headerbar entry:active > image, + headerbar entry:focus > image { + padding-right: 6px; + color: #666666; } + .titlebar:not(headerbar) entry:active:backdrop, .titlebar:not(headerbar) entry:focus:backdrop, + headerbar entry:active:backdrop, + headerbar entry:focus:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:disabled, + headerbar entry:disabled { + background: rgba(255, 255, 255, 0.6); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:disabled > image, + headerbar entry:disabled > image { + padding-right: 6px; + color: rgba(102, 102, 102, 0.5); } + .titlebar:not(headerbar) entry:disabled:backdrop, + headerbar entry:disabled:backdrop { + background: rgba(255, 255, 255, 0.5); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:backdrop, + headerbar entry:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:backdrop > image, + headerbar entry:backdrop > image { + color: rgba(102, 102, 102, 0.5); } + .titlebar:not(headerbar) button, + headerbar button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + padding: 10px; + margin: 0; + color: #ffffff; } + .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.flat, + headerbar button.text-button, + headerbar button.image-button, + headerbar button.flat { + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: transparent; + background-image: none; + color: #ffffff; } + .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.flat:backdrop, + headerbar button.text-button:backdrop, + headerbar button.image-button:backdrop, + headerbar button.flat:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.linked, + headerbar button.linked { + border-radius: 0px; + margin: 0; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) button:backdrop, + headerbar button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + font: bold; + border-radius: 0px; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 -2px 0 0 #ffffff; + background-color: transparent; + background-image: none; + color: #ffffff; } + .titlebar:not(headerbar) button:active:backdrop, .titlebar:not(headerbar) button:checked:backdrop, + headerbar button:active:backdrop, + headerbar button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button:disabled, + headerbar button:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) button:disabled:backdrop, + headerbar button:disabled:backdrop { + color: rgba(255, 255, 255, 0.5); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) button:disabled:backdrop image, + headerbar button:disabled:backdrop image { + -gtk-icon-effect: dim; } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, + headerbar button.titlebutton:hover { + background-color: transparent; + color: white; } + .titlebar:not(headerbar) button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.titlebutton:active, + headerbar button.titlebutton:active { + background-color: #ffffff; + color: #636E73; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.title-menu-button, + headerbar button.menu-button, + headerbar button.title-menu-button { + padding: 1px; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.title-menu-button:hover, + headerbar button.menu-button:hover, + headerbar button.title-menu-button:hover { + background-color: rgba(0, 0, 0, 0.1); + color: white; } + .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.title-menu-button:backdrop, + headerbar button.menu-button:backdrop, + headerbar button.title-menu-button:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.menu-button:active, .titlebar:not(headerbar) button.title-menu-button:active, + headerbar button.menu-button:active, + headerbar button.title-menu-button:active { + background-color: #4b5458; + color: #ffffff; + box-shadow: none; } + .titlebar:not(headerbar) .separator, + headerbar .separator { + color: transparent; + background-color: transparent; } + +.titlebar, .titlebar:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 4px; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: #636E73; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + window.csd > .titlebar:not(headerbar):backdrop { + background-color: #576165; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #666666; + background-color: #f7f7f7; + border-bottom: 1px solid #dedede; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #ffffff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #ffffff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(255, 255, 255, 0.95); + color: #666666; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #666666; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(255, 255, 255, 0.6); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(255, 255, 255, 0.5); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + +.info { + background-color: #2095f2; } + .info:backdrop { + background-color: #50acf5; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #feea3a; } + .warning:backdrop { + background-color: #feef6d; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #1ea362; } + .question:backdrop { + background-color: #26ce7c; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #f34235; } + .error:backdrop { + background-color: #f66f65; + color: rgba(255, 255, 255, 0.5); } + +/************* + * Level Bar * + *************/ +levelbar { + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; } + levelbar:backdrop { + transition: 200ms ease-out; } + levelbar trough { + margin: 0; + padding: 2px; + border-radius: 3px; } + levelbar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar.vertical .fill-block, + levelbar.vertical block, + levelbar block { + border-radius: 2px; + min-width: 32px; + min-height: 2px; } + levelbar.vertical .low.fill-block, + levelbar.vertical block.low, levelbar.vertical .level-low.fill-block, + levelbar.vertical block.level-low, + levelbar block.low, + levelbar block.level-low { + border: 1px solid #fee507; + background-color: #feea3a; } + levelbar.vertical .low.fill-block:backdrop, + levelbar.vertical block.low:backdrop, levelbar.vertical .level-low.fill-block:backdrop, + levelbar.vertical block.level-low:backdrop, + levelbar block.low:backdrop, + levelbar block.level-low:backdrop { + border: 1px solid #feea3a; } + levelbar.vertical .high.fill-block, + levelbar.vertical block.high, levelbar.vertical .level-high.fill-block, + levelbar.vertical block.level-high, + levelbar block.high, + levelbar block.level-high { + border: 1px solid #347d9f; + background-color: #449ac2; } + levelbar.vertical .high.fill-block:backdrop, + levelbar.vertical block.high:backdrop, levelbar.vertical .level-high.fill-block:backdrop, + levelbar.vertical block.level-high:backdrop, + levelbar block.high:backdrop, + levelbar block.level-high:backdrop { + border: 1px solid #449ac2; } + levelbar.vertical .full.fill-block, + levelbar.vertical block.full, levelbar.vertical .level-full.fill-block, + levelbar.vertical block.level-full, + levelbar block.full, + levelbar block.level-full { + border: 1px solid #167848; + background-color: #1ea362; } + levelbar.vertical .full.fill-block:backdrop, + levelbar.vertical block.full:backdrop, levelbar.vertical .level-full.fill-block:backdrop, + levelbar.vertical block.level-full:backdrop, + levelbar block.full:backdrop, + levelbar block.level-full:backdrop { + border: 1px solid #1ea362; } + levelbar.vertical .empty.fill-block, + levelbar.vertical block.empty, levelbar.vertical .level-empty.fill-block, + levelbar.vertical block.level-empty, + levelbar block.empty, + levelbar block.level-empty { + background-color: transparent; + border: 1px solid rgba(102, 102, 102, 0.2); + box-shadow: none; } + levelbar.vertical .empty.fill-block:backdrop, + levelbar.vertical block.empty:backdrop, levelbar.vertical .level-empty.fill-block:backdrop, + levelbar.vertical block.level-empty:backdrop, + levelbar block.empty:backdrop, + levelbar block.level-empty:backdrop { + border-color: rgba(175, 175, 175, 0.15); } + levelbar.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; } + levelbar.vertical .fill-block, + levelbar.vertical block { + min-width: 8px; + min-height: 32px; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: blue; } + *:link:visited, + button:visited { + color: rgba(0, 0, 255, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #b4d7e7; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #3333ff; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #ecf5f9; } + *:link:active, button:active:link, + button:active:visited { + color: blue; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #daebf3; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #449ac2; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #daebf3; } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + button:link > GtkLabel, + button:visited > GtkLabel { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + color: #666666; + background-color: #ffffff; + border-color: #c4c4c4; } + list:backdrop { + background-color: #fcfcfc; + border-color: #c9c9c9; } + +row { + border-radius: 0; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row image { + padding-right: 6px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(102, 102, 102, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4795b9; } + row.activatable:selected:backdrop { + background-color: #449ac2; } + +/********* + * Menus * + *********/ +menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #636E73; + color: #ffffff; } + menubar:backdrop { + background-color: #576165; } + menubar > menuitem { + min-height: 16px; + padding: 4px 8px; } + menubar > menuitem:hover { + box-shadow: inset 0 -3px #449ac2; + color: #ffffff; } + menubar > menuitem:disabled { + color: #afafaf; + box-shadow: none; } + +menu { + padding: 4px 0px; + background-color: #ffffff; + border: 1px solid #c4c4c4; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + .csd menu { + border: none; } + menu:backdrop { + background-color: #fcfcfc; } + menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 8px 4px; + text-shadow: none; } + menu menuitem:hover { + color: #ffffff; + background-color: #449ac2; } + menu menuitem:disabled { + color: #afafaf; } + menu menuitem:disabled:backdrop { + color: #d1d1d1; } + menu menuitem:backdrop, menu menuitem:backdrop:hover { + color: #afafaf; + background-color: transparent; } + menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #ffffff; + border-radius: 0; } + menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #f0f0f0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #f0f0f0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover { + background-color: #f0f0f0; } + menu > arrow:backdrop { + background-color: #fcfcfc; } + menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +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: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #e5e5e5; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #e5e5e5; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(102, 102, 102, 0.1); + border-radius: 5px; } + +separator { + color: #c4c4c4; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #c4c4c4; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #fcfcfc; + border-color: #c9c9c9; } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #dadada; } + +/************* + * Notebooks * + *************/ +notebook > header { + border: none; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -2px #c4c4c4; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -2px #449ac2; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 2px #c4c4c4; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 2px #449ac2; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs > tab:hover { + box-shadow: inset -2px 0 #c4c4c4; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + box-shadow: inset -2px 0 #449ac2; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs > tab:hover { + box-shadow: inset 2px 0 #c4c4c4; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + box-shadow: inset 2px 0 #449ac2; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + 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.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + 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.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #afafaf; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #8b8b8b; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(196, 196, 196, 0.3); + background-color: rgba(247, 247, 247, 0.2); } + notebook > header tab:backdrop { + color: #cccccc; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #666666; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(196, 196, 196, 0.5); + background-color: rgba(247, 247, 247, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(247, 247, 247, 0.7); } + notebook > header tab:backdrop:checked { + color: #afafaf; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #c9c9c9; + background-color: #f7f7f7; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + color: currentColor; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 4px; + padding-right: 4px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 3px; + margin-right: 3px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 4px; + margin-right: 4px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #ffffff; } + notebook > stack:not(:only-child):backdrop { + background-color: #fcfcfc; } + +notebook, +.dynamic-notebook, +.notebook { + padding: 0; + background-color: #ffffff; + box-shadow: 0 0 0 1px #c4c4c4; + background-clip: border-box; } + notebook > header, + notebook > .header, + .dynamic-notebook > header, + .dynamic-notebook > .header, + .notebook > header, + .notebook > .header { + border: none; + box-shadow: none; + background-color: #f7f7f7; } + notebook > tab, + .dynamic-notebook > tab, + .notebook > tab { + border-radius: 0; + background-color: #f7f7f7; } + notebook > tab.top, + .dynamic-notebook > tab.top, + .notebook > tab.top { + padding: 6px 8px 8px 8px; + box-shadow: inset 0 -1px 0 0 #c4c4c4; } + notebook > tab.top:active, + .dynamic-notebook > tab.top:active, + .notebook > tab.top:active { + box-shadow: inset 0 -3px 0 0 #c4c4c4; } + notebook > tab.top:active:backdrop, + .dynamic-notebook > tab.top:active:backdrop, + .notebook > tab.top:active:backdrop { + box-shadow: inset 0 -3px 0 0 #c9c9c9; } + notebook > tab.top:backdrop, + .dynamic-notebook > tab.top:backdrop, + .notebook > tab.top:backdrop { + box-shadow: inset 0 -1px 0 0 #c9c9c9; } + notebook > tab.top:disabled, + .dynamic-notebook > tab.top:disabled, + .notebook > tab.top:disabled { + box-shadow: inset 0 -1px 0 0 #c4c4c4; } + notebook > tab.bottom, + .dynamic-notebook > tab.bottom, + .notebook > tab.bottom { + padding: 8px 8px 6px 8px; + box-shadow: inset 0 1px 0 0 #c4c4c4; } + notebook > tab.bottom:active, + .dynamic-notebook > tab.bottom:active, + .notebook > tab.bottom:active { + box-shadow: inset 0 3px 0 0 #c4c4c4; } + notebook > tab.bottom:active:backdrop, + .dynamic-notebook > tab.bottom:active:backdrop, + .notebook > tab.bottom:active:backdrop { + box-shadow: inset 0 3px 0 0 #c9c9c9; } + notebook > tab.bottom:backdrop, + .dynamic-notebook > tab.bottom:backdrop, + .notebook > tab.bottom:backdrop { + box-shadow: inset 0 1px 0 0 #c9c9c9; } + notebook > tab.bottom:disabled, + .dynamic-notebook > tab.bottom:disabled, + .notebook > tab.bottom:disabled { + box-shadow: inset 0 1px 0 0 #c4c4c4; } + notebook > tab.left, + .dynamic-notebook > tab.left, + .notebook > tab.left { + padding: 8px; + box-shadow: inset -1px 0 0 0 #c4c4c4; } + notebook > tab.left:active, + .dynamic-notebook > tab.left:active, + .notebook > tab.left:active { + box-shadow: inset -3px 0 0 0 #c4c4c4; } + notebook > tab.left:active:backdrop, + .dynamic-notebook > tab.left:active:backdrop, + .notebook > tab.left:active:backdrop { + box-shadow: inset -3px 0 0 0 #c9c9c9; } + notebook > tab.left:backdrop, + .dynamic-notebook > tab.left:backdrop, + .notebook > tab.left:backdrop { + box-shadow: inset -1px 0 0 0 #c9c9c9; } + notebook > tab.left:disabled, + .dynamic-notebook > tab.left:disabled, + .notebook > tab.left:disabled { + box-shadow: inset -1px 0 0 0 #c4c4c4; } + notebook > tab.right, + .dynamic-notebook > tab.right, + .notebook > tab.right { + padding: 8px; + box-shadow: inset 1px 0 0 0 #c4c4c4; } + notebook > tab.right:active, + .dynamic-notebook > tab.right:active, + .notebook > tab.right:active { + box-shadow: inset 3px 0 0 0 #c4c4c4; } + notebook > tab.right:active:backdrop, + .dynamic-notebook > tab.right:active:backdrop, + .notebook > tab.right:active:backdrop { + box-shadow: inset 3px 0 0 0 #c9c9c9; } + notebook > tab.right:backdrop, + .dynamic-notebook > tab.right:backdrop, + .notebook > tab.right:backdrop { + box-shadow: inset 1px 0 0 0 #c9c9c9; } + notebook > tab.right:disabled, + .dynamic-notebook > tab.right:disabled, + .notebook > tab.right:disabled { + box-shadow: inset 1px 0 0 0 #c4c4c4; } + notebook > tab:active, + .dynamic-notebook > tab:active, + .notebook > tab:active { + font-weight: bold; } + notebook > tab:hover, + .dynamic-notebook > tab:hover, + .notebook > tab:hover { + background: #eaeaea; } + +/********* + * Paned * + *********/ +.paned, +paned { + border: solid #c4c4c4; + border-left-width: 1px; } + .paned > separator, + paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#c4c4c4); + background-size: 1px 1px; } + .paned > separator:selected, + paned > separator:selected { + background-image: image(#449ac2); } + .paned > separator:backdrop, + paned > separator:backdrop { + background-image: image(#c9c9c9); } + .paned > separator.wide, + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f7f7f7; + background-image: image(#c4c4c4), image(#c4c4c4); + background-size: 1px 1px, 1px 1px; } + .paned > separator.wide:backdrop, + paned > separator.wide:backdrop { + background-color: #f7f7f7; + background-image: image(#c9c9c9), image(#c9c9c9); } + .paned.horizontal > separator, + paned.horizontal > separator { + background-repeat: repeat-y; } + .paned.horizontal > separator:dir(ltr), + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + .paned.horizontal > separator:dir(rtl), + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + .paned.horizontal > separator.wide, + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + .paned.vertical > separator, + paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + .paned.vertical > separator.wide, + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.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: 8px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************ + * Popovers * + ************/ +popover.background { + padding: 2px; + border-radius: 4px; + border: none; + background-color: #f7f7f7; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + .csd popover.background, popover.background { + border: 1px solid #c4c4c4; } + popover.background:backdrop { + background-color: #f7f7f7; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > GtkIconView, + popover.background > iconview, + popover.background > toolbar, + popover.background > .toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + popover.background .separator, popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +/**************** + * Print dialog * +*****************/ +printdialog paper { + color: #666666; + border: 1px solid #c4c4c4; + background: white; + padding: 0; } + printdialog paper:backdrop { + color: #afafaf; + border-color: #c9c9c9; } +printdialog .dialog-action-box { + margin: 12px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar, +.progressbar, +progressbar { + font-size: smaller; + color: rgba(102, 102, 102, 0.4); } + GtkProgressBar.horizontal trough, + GtkProgressBar.horizontal .trough, + GtkProgressBar.horizontal progress, + .progressbar.horizontal trough, + .progressbar.horizontal .trough, + .progressbar.horizontal progress, + progressbar.horizontal trough, + progressbar.horizontal .trough, + progressbar.horizontal progress { + min-height: 4px; } + GtkProgressBar.vertical trough, + GtkProgressBar.vertical .trough, + GtkProgressBar.vertical progress, + .progressbar.vertical trough, + .progressbar.vertical .trough, + .progressbar.vertical progress, + progressbar.vertical trough, + progressbar.vertical .trough, + progressbar.vertical progress { + min-width: 4px; } + GtkProgressBar.horizontal progress, + .progressbar.horizontal progress, + progressbar.horizontal progress { + margin: 0 -1px; } + GtkProgressBar.vertical progress, + .progressbar.vertical progress, + progressbar.vertical progress { + margin: -1px 0; } + GtkProgressBar:active, + .progressbar:active, + progressbar:active { + border-radius: 0px; + color: rgba(0, 0, 0, 0.5); + background-color: #449ac2; + border-color: #347d9f; } + GtkProgressBar:active:backdrop, + .progressbar:active:backdrop, + progressbar:active:backdrop { + background-color: #6bafce; + border-color: #449ac2; } + GtkProgressBar:backdrop, + .progressbar:backdrop, + progressbar:backdrop { + transition: 200ms ease-out; } + GtkProgressBar .progressbar, + GtkProgressBar progress, + .progressbar .progressbar, + .progressbar progress, + progressbar .progressbar, + progressbar progress { + border-radius: 0px; } + GtkProgressBar .progressbar.left, + GtkProgressBar progress.left, + .progressbar .progressbar.left, + .progressbar progress.left, + progressbar .progressbar.left, + progressbar progress.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar .progressbar.right, + GtkProgressBar progress.right, + .progressbar .progressbar.right, + .progressbar progress.right, + progressbar .progressbar.right, + progressbar progress.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + GtkProgressBar .progressbar.top, + GtkProgressBar progress.top, + .progressbar .progressbar.top, + .progressbar progress.top, + progressbar .progressbar.top, + progressbar progress.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; } + GtkProgressBar .progressbar.bottom, + GtkProgressBar progress.bottom, + .progressbar .progressbar.bottom, + .progressbar progress.bottom, + progressbar .progressbar.bottom, + progressbar progress.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar.osd, + .progressbar.osd, + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + GtkProgressBar.osd .trough, + GtkProgressBar.osd trough, + .progressbar.osd .trough, + .progressbar.osd trough, + progressbar.osd .trough, + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + GtkProgressBar.osd .progressbar, + GtkProgressBar.osd progress, + .progressbar.osd .progressbar, + .progressbar.osd progress, + progressbar.osd .progressbar, + progressbar.osd progress { + border-style: none; + border-radius: 0; } + GtkProgressBar row:selected, + GtkProgressBar .list-row:selected, + .progressbar row:selected, + .progressbar .list-row:selected, + progressbar row:selected, + progressbar .list-row:selected { + border: 1px solid #347d9f; + color: rgba(0, 0, 0, 0.5); + background-color: #449ac2; } + +/************ + * GtkScale * + ************/ +levelbar trough, levelbar.horizontal trough, +levelbar.horizontal .trough, levelbar.vertical trough, +levelbar.vertical .trough, GtkProgressBar, +.progressbar, +progressbar, scale trough, scale.fine-tune trough, scale fill { + border: none; + background-color: #ffffff; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.8); + padding: 0; + margin: 0; } + levelbar trough:disabled, + levelbar.horizontal .trough:disabled, + levelbar.vertical .trough:disabled, GtkProgressBar:disabled, + .progressbar:disabled, + progressbar:disabled, scale trough:disabled, scale fill:disabled { + background-color: #fafafa; } + levelbar trough:backdrop, + levelbar.horizontal .trough:backdrop, + levelbar.vertical .trough:backdrop, GtkProgressBar:backdrop, + .progressbar:backdrop, + progressbar:backdrop, scale trough:backdrop, scale fill:backdrop { + background-color: #fcfcfc; + transition: 200ms ease-out; } + levelbar trough:backdrop:disabled, + levelbar.horizontal .trough:backdrop:disabled, + levelbar.vertical .trough:backdrop:disabled, GtkProgressBar:backdrop:disabled, + .progressbar:backdrop:disabled, + progressbar:backdrop:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: #fafafa; } + row:selected levelbar trough, levelbar row:selected trough, + row:selected levelbar.horizontal .trough, + levelbar.horizontal row:selected .trough, + row:selected levelbar.vertical .trough, + levelbar.vertical row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, + row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill { + box-shadow: none; } + row:selected levelbar trough, levelbar row:selected trough, + row:selected levelbar.horizontal .trough, + levelbar.horizontal row:selected .trough, + row:selected levelbar.vertical .trough, + levelbar.vertical row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, + row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected levelbar trough:disabled, levelbar row:selected trough:disabled, + row:selected levelbar.horizontal .trough:disabled, + levelbar.horizontal row:selected .trough:disabled, + row:selected levelbar.vertical .trough:disabled, + levelbar.vertical row:selected .trough:disabled, row:selected GtkProgressBar:disabled, + row:selected .progressbar:disabled, + row:selected progressbar:disabled, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled { + border-color: #347d9f; } + .osd levelbar trough, levelbar .osd trough, + .osd levelbar.horizontal .trough, + levelbar.horizontal .osd .trough, + .osd levelbar.vertical .trough, + levelbar.vertical .osd .trough, .osd GtkProgressBar, + .osd .progressbar, + .osd progressbar, .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill { + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + outline-color: rgba(161, 168, 171, 0.2); } + .osd levelbar trough:disabled, levelbar .osd trough:disabled, + .osd levelbar.horizontal .trough:disabled, + levelbar.horizontal .osd .trough:disabled, + .osd levelbar.vertical .trough:disabled, + levelbar.vertical .osd .trough:disabled, .osd GtkProgressBar:disabled, + .osd .progressbar:disabled, + .osd progressbar:disabled, .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled { + background-color: rgba(45, 50, 51, 0.5); } + +GtkProgressBar .progressbar, +GtkProgressBar progress, +.progressbar .progressbar, +.progressbar progress, +progressbar .progressbar, +progressbar progress, scale fill, +scale highlight, scale.fine-tune fill, +scale.fine-tune highlight { + border: 1px solid #347d9f; + background-color: #449ac2; + box-shadow: 0px 1px rgba(255, 255, 255, 0.8); + border-radius: 4px; + min-height: 8px; } + GtkProgressBar .progressbar:disabled, + GtkProgressBar progress:disabled, + .progressbar .progressbar:disabled, + .progressbar progress:disabled, + progressbar .progressbar:disabled, + progressbar progress:disabled, scale fill:disabled, + scale highlight:disabled { + border: 1px solid #9e9e9e; + background-color: #c4c4c4; } + GtkProgressBar .progressbar:backdrop, + GtkProgressBar progress:backdrop, + .progressbar .progressbar:backdrop, + .progressbar progress:backdrop, + progressbar .progressbar:backdrop, + progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar, + .progressbar:backdrop .progressbar, + progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, + .progressbar:backdrop progress, + progressbar:backdrop progress, scale fill:backdrop, + scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + GtkProgressBar progress:active:backdrop, + .progressbar .progressbar:active:backdrop, + .progressbar progress:active:backdrop, + progressbar .progressbar:active:backdrop, + progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active, + .progressbar:backdrop .progressbar:active, + progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, + .progressbar:backdrop progress:active, + progressbar:backdrop progress:active, scale fill:active:backdrop, + scale highlight:active:backdrop { + border-color: #449ac2; + background-color: #6bafce; } + GtkProgressBar .progressbar:backdrop:disabled, + GtkProgressBar progress:backdrop:disabled, + .progressbar .progressbar:backdrop:disabled, + .progressbar progress:backdrop:disabled, + progressbar .progressbar:backdrop:disabled, + progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled, + .progressbar:backdrop .progressbar:disabled, + progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, + .progressbar:backdrop progress:disabled, + progressbar:backdrop progress:disabled, scale fill:backdrop:disabled, + scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, + GtkProgressBar progress:active:backdrop:disabled, + .progressbar .progressbar:active:backdrop:disabled, + .progressbar progress:active:backdrop:disabled, + progressbar .progressbar:active:backdrop:disabled, + progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled, + .progressbar:backdrop .progressbar:active:disabled, + progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, + .progressbar:backdrop progress:active:disabled, + progressbar:backdrop progress:active:disabled, scale fill:active:backdrop:disabled, + scale highlight:active:backdrop:disabled { + background-color: transparent; + border-color: transparent; } + .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, + .list-row:selected GtkProgressBar progress:disabled, + GtkProgressBar .list-row:selected progress:disabled, + .list-row:selected .progressbar .progressbar:disabled, + .progressbar .list-row:selected .progressbar:disabled, + .list-row:selected .progressbar progress:disabled, + .progressbar .list-row:selected progress:disabled, + .list-row:selected progressbar .progressbar:disabled, + progressbar .list-row:selected .progressbar:disabled, + .list-row:selected progressbar progress:disabled, + progressbar .list-row:selected progress:disabled, .list-row:selected scale fill:disabled, scale .list-row:selected fill:disabled, + .list-row:selected scale highlight:disabled, + scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, + .list-row:selected GtkProgressBar progress, + GtkProgressBar .list-row:selected progress, + .list-row:selected .progressbar .progressbar, + .progressbar .list-row:selected .progressbar, + .list-row:selected .progressbar progress, + .progressbar .list-row:selected progress, + .list-row:selected progressbar .progressbar, + progressbar .list-row:selected .progressbar, + .list-row:selected progressbar progress, + progressbar .list-row:selected progress, .list-row:selected scale fill, scale .list-row:selected fill, + .list-row:selected scale highlight, + scale .list-row:selected highlight { + border-color: #347d9f; } + row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, + row:selected GtkProgressBar progress:disabled, + GtkProgressBar row:selected progress:disabled, + row:selected .progressbar .progressbar:disabled, + .progressbar row:selected .progressbar:disabled, + row:selected .progressbar progress:disabled, + .progressbar row:selected progress:disabled, + row:selected progressbar .progressbar:disabled, + progressbar row:selected .progressbar:disabled, + row:selected progressbar progress:disabled, + progressbar row:selected progress:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, + row:selected scale highlight:disabled, + scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + row:selected GtkProgressBar progress, + GtkProgressBar row:selected progress, + row:selected .progressbar .progressbar, + .progressbar row:selected .progressbar, + row:selected .progressbar progress, + .progressbar row:selected progress, + row:selected progressbar .progressbar, + progressbar row:selected .progressbar, + row:selected progressbar progress, + progressbar row:selected progress, row:selected scale fill, scale row:selected fill, + row:selected scale highlight, + scale row:selected highlight { + border-color: #347d9f; } + .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, + .osd GtkProgressBar progress, + GtkProgressBar .osd progress, + .osd .progressbar .progressbar, + .progressbar .osd .progressbar, + .osd .progressbar progress, + .progressbar .osd progress, + .osd progressbar .progressbar, + progressbar .osd .progressbar, + .osd progressbar progress, + progressbar .osd progress, .osd scale fill, scale .osd fill, + .osd scale highlight, + scale .osd highlight { + border-color: rgba(0, 0, 0, 0.7); } + .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, + .osd GtkProgressBar progress:disabled, + GtkProgressBar .osd progress:disabled, + .osd .progressbar .progressbar:disabled, + .progressbar .osd .progressbar:disabled, + .osd .progressbar progress:disabled, + .progressbar .osd progress:disabled, + .osd progressbar .progressbar:disabled, + progressbar .osd .progressbar:disabled, + .osd progressbar progress:disabled, + progressbar .osd progress:disabled, .osd scale fill:disabled, scale .osd fill:disabled, + .osd scale highlight:disabled, + scale .osd highlight:disabled { + border-color: transparent; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 8px; } + scale fill, + scale highlight { + margin: -1px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: 2px; + background-color: #ffffff; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + box-shadow: 0 1px 1px 0 rgba(68, 154, 194, 0.5); + border: 1px solid #449ac2; } + scale slider:active:disabled { + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); } + scale slider:disabled { + box-shadow: none; } + .list-row:selected scale slider, .list-row:selected scale slider:disabled { + border-color: #347d9f; } + row:selected scale slider, row:selected scale slider:disabled { + border-color: #347d9f; } + .osd scale slider { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #202526; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd scale slider:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd scale slider:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + scale trough { + border-radius: 2px; + margin: 6px; + outline-offset: 2px; + -gtk-outline-radius: 5px; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + min-height: 16px; + min-width: 16px; + background-color: #ffffff; + border-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + box-shadow: none; } + scale.fine-tune trough { + border-radius: 6px; + outline-offset: 2px; + -gtk-outline-radius: 5px; + margin: 2px; } + scale fill { + border-radius: 2px; } + scale fill, scale fill:backdrop { + background-color: #c4c4c4; + box-shadow: none; } + scale fill:disabled, scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(62, 64, 65, 0.775); } + .osd scale fill:disabled, .osd scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + min-width: 6px; } + scale.vertical.fine-tune indicator { + min-width: 3px; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:backdrop, + scale.color.horizontal slider:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.color.horizontal slider, + scale.horizontal contents:last-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:hover:backdrop:disabled, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:hover:backdrop:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:active:backdrop:disabled, scale.color.horizontal .slider:active, + scale.color.horizontal slider:active:backdrop:disabled, + scale.color.horizontal slider:active, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:disabled, + scale.color.horizontal slider:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:backdrop, + scale.color.horizontal slider:backdrop, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:backdrop:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.color.vertical:dir(rtl) slider:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider, + scale.vertical contents:last-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, scale.color.vertical:dir(rtl) .slider:active, + scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:active, + scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:disabled, + scale.color.vertical:dir(rtl) slider:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:backdrop, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.color.vertical:dir(ltr) slider:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider, + scale.vertical contents:first-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, scale.color.vertical:dir(ltr) .slider:active, + scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:active, + scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:disabled, + scale.color.vertical:dir(ltr) slider:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + 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: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:backdrop, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color .trough, + scale.color trough { + background-image: linear-gradient(to top, #c4c4c4); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal .trough, + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:backdrop, + scale.color.horizontal slider:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.color.horizontal slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) .trough, + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.color.vertical:dir(ltr) slider:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) .trough, + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.color.vertical:dir(rtl) slider:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal .trough, + scale.color.fine-tune.horizontal trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) .trough, + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) .trough, + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +.scrollbar, +scrollbar { + background-color: #dadada; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top, + scrollbar.top { + border-bottom: 1px solid #c4c4c4; } + .scrollbar.bottom, + scrollbar.bottom { + border-top: 1px solid #c4c4c4; } + .scrollbar.left, + scrollbar.left { + border-right: 1px solid #c4c4c4; } + .scrollbar.right, + scrollbar.right { + border-left: 1px solid #c4c4c4; } + .scrollbar:backdrop, + scrollbar:backdrop { + background-color: #efefef; + border-color: #c9c9c9; + transition: 200ms ease-out; } + .scrollbar slider, + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a0a0a0; } + .scrollbar slider:hover, + scrollbar slider:hover { + background-color: #838383; } + .scrollbar slider:hover:active, + scrollbar slider:hover:active { + background-color: #347d9f; } + .scrollbar slider:backdrop, + scrollbar slider:backdrop { + background-color: #dadada; } + .scrollbar slider:disabled, + scrollbar slider:disabled { + background-color: transparent; } + .scrollbar.fine-tune .slider, + .scrollbar.fine-tune slider, + scrollbar.fine-tune .slider, + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + .scrollbar.fine-tune.horizontal slider, + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + .scrollbar.fine-tune.vertical slider, + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering), + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #666666; + border: 1px solid white; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #666666; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid white; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, + scrollbar.overlay-indicator.dragging, + scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar.horizontal slider, + scrollbar.horizontal slider { + min-width: 40px; } + .scrollbar.vertical slider, + scrollbar.vertical slider { + min-height: 40px; } + .scrollbar .button, + .scrollbar button, + scrollbar .button, + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a0a0a0; } + .scrollbar .button:hover, + .scrollbar button:hover, + scrollbar .button:hover, + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #838383; } + .scrollbar .button:active, .scrollbar .button:checked, + .scrollbar button:active, + .scrollbar button:checked, + scrollbar .button:active, + scrollbar .button:checked, + scrollbar button:active, + scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #347d9f; } + .scrollbar .button:disabled, + .scrollbar button:disabled, + scrollbar .button:disabled, + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(160, 160, 160, 0.2); } + .scrollbar .button:backdrop, + .scrollbar button:backdrop, + scrollbar .button:backdrop, + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #dadada; } + .scrollbar .button:backdrop:disabled, + .scrollbar button:backdrop:disabled, + scrollbar .button:backdrop:disabled, + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(218, 218, 218, 0.2); } + .scrollbar.vertical .button.down, + .scrollbar.vertical button.down, + scrollbar.vertical .button.down, + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .scrollbar.vertical .button.up, + .scrollbar.vertical button.up, + scrollbar.vertical .button.up, + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .scrollbar.horizontal .button.down, + .scrollbar.horizontal button.down, + scrollbar.horizontal .button.down, + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + .scrollbar.horizontal .button.up, + .scrollbar.horizontal button.up, + scrollbar.horizontal .button.up, + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #c4c4c4; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: solid; + background-color: #f7f7f7; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #c4c4c4; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #c4c4c4; + border-right-style: none; } + .sidebar:backdrop { + background-color: #fafafa; + border-color: #c9c9c9; + transition: 200ms ease-out; } + .sidebar list { + background-color: transparent; } + .sidebar .frame { + border-width: 0; + border-right-width: 1px; } + .sidebar .list-row, + .sidebar row { + border: none; + padding: 5px 8px; } + .sidebar .list-row > GtkLabel, + .sidebar .list-row > label, + .sidebar row > GtkLabel, + .sidebar row > label { + padding-left: 6px; + padding-right: 6px; } + .sidebar .list-row.needs-attention > label, + .sidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + .sidebar .separator { + color: #c4c4c4; } + .sidebar > .inline-toolbar { + border-radius: 0; } + .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, 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 .list-row, +stacksidebar row { + padding: 5px 8px; } + stacksidebar .list-row > label, + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar .list-row.needs-attention > label, + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } +spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding: 6px; + color: #757575; + background-image: none; + border-style: none none none solid; + border-color: rgba(196, 196, 196, 0.3); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #666666; + background-color: rgba(102, 102, 102, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(175, 175, 175, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #b7b7b7; + background-color: transparent; + border-color: rgba(201, 201, 201, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(209, 209, 209, 0.3); + background-image: none; + border-style: none none none solid; } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(161, 168, 171, 0.1); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #616769; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #afafaf; } +spinbutton.vertical:backdrop:disabled { + color: #d1d1d1; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical .entry, +spinbutton.vertical entry { + min-height: 24px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical .button, +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border: none; + background: none; + box-shadow: none; + color: #666666; } + spinbutton.vertical .button:hover, + spinbutton.vertical button:hover { + background-color: #449ac2; + color: #ffffff; + -gtk-icon-shadow: none; } + spinbutton.vertical .button:active, + spinbutton.vertical button:active { + background-color: transparent; + color: #666666; } +spinbutton.vertical .button.up, +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +spinbutton.vertical .button.down, +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd spinbutton.vertical button:first-child { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +GtkTreeView spinbutton:not(.vertical), treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + GtkTreeView spinbutton:not(.vertical) .entry, + GtkTreeView spinbutton:not(.vertical) entry, treeview spinbutton:not(.vertical) .entry, + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #449ac2; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active, .spinner:checked, + spinner:active, + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:disabled, .spinner:checked:disabled, + spinner:active:disabled, + spinner:checked:disabled { + opacity: 0.5; } + +/********** + * Switch * + **********/ +switch { + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + padding: 2px; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.8); } + switch:disabled { + background-color: #fafafa; } + switch:backdrop { + background-color: #f7f7f7; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #fafafa; } + switch:active, switch:checked { + background-color: #449ac2; } + switch:active:backdrop, switch:checked:backdrop { + background-color: #57a4c8; } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.9); + border: none; } + switch slider { + padding: 2px; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #ffffff; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + switch slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #ffffff; } + row:selected switch { + box-shadow: none; + border-color: #347d9f; } + row:selected switch:backdrop { + border-color: #347d9f; } + row:selected switch.slider:dir(rtl) { + border-left-color: #c4c4c4; } + row:selected switch.slider:dir(ltr) { + border-right-color: #c4c4c4; } + row:selected switch.slider:checked, row:selected switch.slider { + border-color: #347d9f; } + switch trough:active, switch trough:checked { + background-color: #449ac2; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: #57a4c8; } + +/************ + * Toolbars * + ************/ +toolbar { + padding: 0px; + background-color: #636E73; + color: #ffffff; } + toolbar:backdrop { + background-color: #576165; + color: rgba(255, 255, 255, 0.5); } + +.osd toolbar { + box-shadow: none; + background-color: transparent; } +toolbar button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: #ffffff; + border-radius: 0px; + padding: 10px; } + toolbar button:focus, toolbar button:active { + color: #ffffff; + text-shadow: none; + box-shadow: inset 0 -2px 0 0 #ffffff; + background-color: rgba(255, 255, 255, 0.1); } + toolbar button:focus:backdrop, toolbar button:active:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + toolbar button:hover { + background-color: rgba(255, 255, 255, 0.1); + text-shadow: none; + color: #ffffff; + box-shadow: inset 0 -2px 0 0 #ffffff; } + toolbar button:disabled { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + toolbar button:backdrop { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } +toolbar .separator { + color: transparent; + background-color: transparent; } +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(32, 37, 38, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } +toolbar.horizontal separator { + margin: 0 7px 1px 6px; } +toolbar.vertical separator { + margin: 6px 1px 7px 0; } + +/******************* + * Inline Toolbars * + *******************/ +searchbar, +.search-bar, .location-bar, +.inline-toolbar { + background-color: #f2f2f2; + color: #666666; + border: 1px solid #c4c4c4; + border-top-width: 0; + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); + padding: 0px; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop, + .inline-toolbar:backdrop { + background-color: #eaeaea; } + searchbar button, + .search-bar button, .location-bar button, + .inline-toolbar button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #666666; + border-radius: 0px; + padding: 10px; } + searchbar button:focus, + .search-bar button:focus, .location-bar button:focus, searchbar button:active, + .search-bar button:active, .location-bar button:active, + .inline-toolbar button:focus, + .inline-toolbar button:active { + font: bold; + color: #666666; + text-shadow: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.05); } + searchbar button:focus:backdrop, + .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, + .search-bar button:active:backdrop, .location-bar button:active:backdrop, + .inline-toolbar button:focus:backdrop, + .inline-toolbar button:active:backdrop { + border: none; + background-color: transparent; + color: #afafaf; } + searchbar button:hover, + .search-bar button:hover, .location-bar button:hover, + .inline-toolbar button:hover { + background-color: rgba(0, 0, 0, 0.05); + text-shadow: none; + color: #666666; + box-shadow: none; } + searchbar button:disabled, + .search-bar button:disabled, .location-bar button:disabled, + .inline-toolbar button:disabled { + background: none; + background-color: transparent; + color: rgba(102, 102, 102, 0.5); } + searchbar button:backdrop, + .search-bar button:backdrop, .location-bar button:backdrop, + .inline-toolbar button:backdrop { + border: none; + background: none; + background-color: transparent; + color: #afafaf; } + searchbar entry, + .search-bar entry, .location-bar entry, + .inline-toolbar entry { + background: none; + color: #666666; + border-radius: 0px; + border: none; + box-shadow: none; } + searchbar entry.image, + .search-bar entry.image, .location-bar entry.image, + .inline-toolbar entry.image { + color: #666666; } + searchbar entry.image.left, + .search-bar entry.image.left, .location-bar entry.image.left, + .inline-toolbar entry.image.left { + padding-right: 6px; } + searchbar entry:backdrop, + .search-bar entry:backdrop, .location-bar entry:backdrop, + .inline-toolbar entry:backdrop { + color: #afafaf; } + searchbar entry:selected, + .search-bar entry:selected, .location-bar entry:selected, + .inline-toolbar entry:selected { + color: #ffffff; + background-color: #449ac2; } + +searchbar, +.search-bar, .location-bar { + border-style: solid; + border-color: #c4c4c4; + background-color: #e8e8e8; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop { + border-color: #c9c9c9; + background-color: #e7e7e7; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar, +.search-bar { + padding: 3px 0px; + border-width: 0; + border-radius: 0; } + +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +/************ + * Tooltips * + ************/ +tooltip, +.tooltip, +.overlay-bar { + margin: 4px; + border: none; + border-radius: 3px; + background-color: #ffffff; + color: #666666; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } + tooltip.background, + .tooltip.background, + .overlay-bar.background { + background-color: #ffffff; + border: none; } + tooltip decoration, + .tooltip decoration, + .overlay-bar decoration { + background-color: transparent; } + tooltip *, + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #666666; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); + padding-left: 10px; } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); + padding-left: 10px; } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); + padding-left: 10px; } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } + +.context-menu { + font: initial; } + +.button.circular, +button.circular { + border-radius: 20px; + -gtk-outline-radius: 20px; } + .button.circular label, + button.circular label { + padding: 0; } + +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + color: #666666; + background-color: #ffffff; + border: 1px solid; + border-color: #dedede; + border-radius: 5px; + box-shadow: inset 0 -3px #f9f9f9; + font-size: smaller; } + .keycap:backdrop { + background-color: #fcfcfc; + color: #afafaf; + transition: 200ms ease-out; } + +*:drop(active):focus, +*:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; + caret-color: #4e9a06; } + +stackswitcher button.text-button { + min-width: 100px; } + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #b3b3b3; + border-top-color: #f7f7f7; } + GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; } + GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, + treeview.view:selected:backdrop, + treeview.view:selected { + border-left-color: #a2cde1; + border-top-color: rgba(102, 102, 102, 0.1); } + GtkTreeView.view:disabled, + treeview.view:disabled { + color: #afafaf; } + GtkTreeView.view:disabled:selected, + treeview.view:disabled:selected { + color: #8fc2da; } + GtkTreeView.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(91, 167, 202, 0.85); } + GtkTreeView.view:disabled:backdrop, + treeview.view:disabled:backdrop { + color: #d1d1d1; } + GtkTreeView.view.separator, + treeview.view.separator { + min-height: 2px; + color: #f7f7f7; } + GtkTreeView.view.separator:backdrop, + treeview.view.separator:backdrop { + color: rgba(247, 247, 247, 0.1); } + GtkTreeView.view:backdrop, + treeview.view:backdrop { + border-left-color: lightgray; + border-top: #f7f7f7; } + GtkTreeView.view:drop(active), + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #347d9f; } + GtkTreeView.view:drop(active).after, + treeview.view:drop(active).after { + border-top-style: none; } + GtkTreeView.view:drop(active).before, + treeview.view:drop(active).before { + border-bottom-style: none; } + GtkTreeView.view.expander, + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #949494; } + GtkTreeView.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover, + treeview.view.expander:hover { + color: #666666; } + GtkTreeView.view.expander:selected, + treeview.view.expander:selected { + color: #c7e1ed; } + GtkTreeView.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + GtkTreeView.view.expander:selected:backdrop, + treeview.view.expander:selected:backdrop { + color: rgba(150, 198, 221, 0.65); } + GtkTreeView.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:backdrop, + treeview.view.expander:backdrop { + color: #c6c6c6; } + GtkTreeView.view.progressbar, + treeview.view.progressbar { + color: #ffffff; + border: 1px solid #347d9f; + border-radius: 4px; + background-color: #449ac2; + background-image: linear-gradient(to bottom, #449ac2, #347d9f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } + GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + border-radius: 0; + color: #449ac2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } + GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + color: #449ac2; + border-color: #347d9f; + background-color: #fcfcfc; } + GtkTreeView.view.progressbar:backdrop, + treeview.view.progressbar:backdrop { + color: #fcfcfc; + background-image: none; + box-shadow: none; } + GtkTreeView.view.trough, + treeview.view.trough { + background-color: rgba(102, 102, 102, 0.1); + border-radius: 4px; } + GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: rgba(255, 255, 255, 0.3); + border-radius: 4px; + border-width: 1px 0; + border-style: solid; + border-color: #449ac2; } + GtkTreeView.view column-header .button, + GtkTreeView.view column-header button, + GtkTreeView.view header .button, + GtkTreeView.view header button, + treeview.view column-header .button, + treeview.view column-header button, + treeview.view header .button, + treeview.view header button { + color: #b3b3b3; + background-color: #ffffff; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + GtkTreeView.view column-header .button:hover, + GtkTreeView.view column-header button:hover, + GtkTreeView.view header .button:hover, + GtkTreeView.view header button:hover, + treeview.view column-header .button:hover, + treeview.view column-header button:hover, + treeview.view header .button:hover, + treeview.view header button:hover { + color: #8d8d8d; + box-shadow: none; + transition: none; } + GtkTreeView.view column-header .button:active, + GtkTreeView.view column-header button:active, + GtkTreeView.view header .button:active, + GtkTreeView.view header button:active, + treeview.view column-header .button:active, + treeview.view column-header button:active, + treeview.view header .button:active, + treeview.view header button:active { + color: #666666; + transition: none; } + GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, + GtkTreeView.view header button:last-child:backdrop, + GtkTreeView.view header button:last-child, + treeview.view column-header button:last-child:backdrop, + treeview.view column-header button:last-child, + treeview.view header button:last-child:backdrop, + treeview.view header button:last-child { + border-right-style: none; } + GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, + GtkTreeView.view button.dnd:active, + GtkTreeView.view button.dnd:selected, + GtkTreeView.view button.dnd:hover, + GtkTreeView.view button.dnd, + GtkTreeView.view column-header.button.dnd:active, + GtkTreeView.view column-header.button.dnd:selected, + GtkTreeView.view column-header.button.dnd:hover, + GtkTreeView.view column-header.button.dnd, + GtkTreeView.view header.button.dnd:active, + GtkTreeView.view header.button.dnd:selected, + GtkTreeView.view header.button.dnd:hover, + GtkTreeView.view header.button.dnd, + treeview.view .button.dnd:active, + treeview.view .button.dnd:selected, + treeview.view .button.dnd:hover, + treeview.view .button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view column-header.button.dnd:active, + treeview.view column-header.button.dnd:selected, + treeview.view column-header.button.dnd:hover, + treeview.view column-header.button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: #449ac2; + color: #ffffff; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #ffffff; + text-shadow: none; } + +GtkTreeView.view column-header .button, +GtkTreeView.view column-header button, +GtkTreeView.view header .button, +GtkTreeView.view header button, +treeview.view column-header .button, +treeview.view column-header button, +treeview.view header .button, +treeview.view header button, GtkTreeView.view column-header .button:hover, +GtkTreeView.view column-header button:hover, +GtkTreeView.view header .button:hover, +GtkTreeView.view header button:hover, +treeview.view column-header .button:hover, +treeview.view column-header button:hover, +treeview.view header .button:hover, +treeview.view header button:hover, GtkTreeView.view column-header .button:active, +GtkTreeView.view column-header button:active, +GtkTreeView.view header .button:active, +GtkTreeView.view header button:active, +treeview.view column-header .button:active, +treeview.view column-header button:active, +treeview.view header .button:active, +treeview.view header button:active { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #f7f7f7; } + GtkTreeView.view column-header .button:disabled, + GtkTreeView.view column-header button:disabled, + GtkTreeView.view header .button:disabled, + GtkTreeView.view header button:disabled, + treeview.view column-header .button:disabled, + treeview.view column-header button:disabled, + treeview.view header .button:disabled, + treeview.view header button:disabled { + border-color: #f7f7f7; + background-image: none; } + GtkTreeView.view column-header .button:backdrop, + GtkTreeView.view column-header button:backdrop, + GtkTreeView.view header .button:backdrop, + GtkTreeView.view header button:backdrop, + treeview.view column-header .button:backdrop, + treeview.view column-header button:backdrop, + treeview.view header .button:backdrop, + treeview.view header button:backdrop { + border-color: #f7f7f7; + border-style: none solid solid none; + color: lightgray; + background-image: none; + background-color: #fcfcfc; } + GtkTreeView.view column-header .button:backdrop:disabled, + GtkTreeView.view column-header button:backdrop:disabled, + GtkTreeView.view header .button:backdrop:disabled, + GtkTreeView.view header button:backdrop:disabled, + treeview.view column-header .button:backdrop:disabled, + treeview.view column-header button:backdrop:disabled, + treeview.view header .button:backdrop:disabled, + treeview.view header button:backdrop:disabled { + border-color: #f7f7f7; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +.window-frame, +decoration { + border-radius: 4px; + border-width: 0px; + box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); + margin: 10px; } + .window-frame:backdrop, + decoration:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); + transition: 200ms ease-out; } + .fullscreen .window-frame, .tiled .window-frame, .fullscreen + decoration, .tiled + decoration { + border-radius: 0; } + .popup .window-frame, .popup + decoration { + box-shadow: none; } + .ssd .window-frame, .ssd + decoration { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } + .csd.popup .window-frame, .csd.popup + decoration { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd + decoration, tooltip.csd + decoration { + border-radius: 5px; + box-shadow: none; } + GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd + decoration, messagedialog.csd + decoration { + border-radius: 5px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } + .solid-csd .window-frame, .solid-csd + decoration { + border-radius: 0; + margin: 4px; + background-color: #f7f7f7; + border: 0px solid #c9c9c9; + box-shadow: none; } + +.view:selected:focus, GtkIconView:selected:focus, +iconview:selected:focus, .view:selected, GtkIconView:selected, +iconview:selected, +GtkTextView text:selected:focus, +textview text:selected:focus, +GtkTextView text:selected, +textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, +textview text selection:focus, +textview text selection, GtkFlow flowboxchild:selected, +flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), +entry:selected:focus, +entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #449ac2; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected + label, row:selected + label, + label:selected, .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, + textview text selection:focus, + textview text selection, GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), + entry:selected:focus, + entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected + label:disabled, row:selected + label:disabled, + label:disabled:selected, GtkIconView:disabled:selected:focus, + iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, + iconview:disabled:selected, + GtkTextView text:disabled:selected:focus, + textview text:disabled:selected:focus, + GtkTextView text:disabled:selected, + textview text:disabled:selected, GtkTextView text selection:disabled, + textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, + flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, + label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:disabled:selected:not(.vertical), + entry:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #a2cde1; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected + label:backdrop, row:selected + label:backdrop, + label:backdrop:selected, GtkIconView:backdrop:selected:focus, + iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + iconview:backdrop:selected, + GtkTextView text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + GtkTextView text:backdrop:selected, + textview text:backdrop:selected, GtkTextView text selection:backdrop, + textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, + flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, + label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:backdrop:selected:not(.vertical), + entry:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected + label:backdrop:disabled, row:selected + label:backdrop:disabled, + label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, + iconview:backdrop:disabled:selected, + GtkTextView text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, + textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, + flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, + label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, + label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:backdrop:disabled:selected:not(.vertical), + entry:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(91, 167, 202, 0.85); } + +.monospace { + font: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********** +* Budgie * +**********/ +.budgie-panel { + background-color: rgba(0, 0, 0, 0.8); + transition: 100ms ease-in; + font: bold; + color: white; } + .budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +.max-budgie-panel { + background-color: black; + transition: 100ms ease-in; + font: bold; + color: white; } + .max-budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +/* Top launchers */ +/* Left hand side launchers */ +/* Right hand side launchers */ +.notification .priority.low { + background-color: #2095f2; } + +.notification .priority.high { + background-color: #feea3a; } + +.notification .priority.critical { + background-color: #f34235; } + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; } + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; } + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; } + +SudokuView { + border: none; } + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: #ffffff; } + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: #449ac2; + color: #ffffff; } + +/******** + * Misc * + *******/ +ApDocView, +EogScrollView, +CheeseThumbView { + -EogScrollView-shadow-type: none; } + +/************ + * Terminal * + ************/ +TerminalScreen, +VteTerminal { + background-color: rgba(0, 43, 54, 0.9); + color: #839495; } + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: #636E73; } + TerminalWindow .titlebar:backdrop, + TerminalWindow .header-bar:backdrop { + background-color: #4b5458; } + +/************ + * Nautilus * + ************/ +NautilusCanvasView { + border: none; } + NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { + border: none; } + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #666666; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #666666; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #666666; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #ffffff; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, + .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #ffffff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, + .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #ffffff; } + +/*********** + * Builder * + ***********/ +GbGreeterWindow .titlebar, +GbGreeterWindow .header-bar, +GbWorkbench .titlebar, +GbWorkbench .header-bar { + background-color: #CBBB2E; } + GbGreeterWindow .titlebar:backdrop, + GbGreeterWindow .header-bar:backdrop, + GbWorkbench .titlebar:backdrop, + GbWorkbench .header-bar:backdrop { + background-color: #a19525; } + +/************** + * Calculator * + **************/ +MathWindow { + background-color: #ffffff; + border-radius: 0 0 4px 4px; } + MathWindow .titlebar, + MathWindow .header-bar, + MathWindow .toolbar { + background-color: #07ce8e; } + MathWindow .titlebar:backdrop, + MathWindow .header-bar:backdrop, + MathWindow .toolbar:backdrop { + background-color: #059d6c; } + MathWindow MathButtons GtkComboBox, + MathWindow MathButtons .button { + background-color: transparent; + background-image: none; + box-shadow: none; + border: none; + text-shadow: none; + color: #07ce8e; + font: bold; } + MathWindow MathButtons GtkComboBox:hover, + MathWindow MathButtons .button:hover { + background-image: none; + background-color: #ffffff; + color: #07ce8e; } + MathWindow MathButtons GtkComboBox:backdrop, + MathWindow MathButtons .button:backdrop { + color: #059d6c; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action, + MathWindow MathButtons .button.text-button.suggested-action { + background-image: none; + box-shadow: none; + text-shadow: none; + background-color: #07ce8e; + color: #ffffff; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, + MathWindow MathButtons .button.text-button.suggested-action:backdrop { + background-color: #059d6c; + color: rgba(255, 255, 255, 0.5); } + MathWindow MathDisplay { + padding: 4px; + background-color: #ffffff; + border: 1px solid #c4c4c4; } + +/************ + * Calendar * + ************/ +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: #75A3F6; } + GcalWindow .titlebar:backdrop, + GcalWindow .header-bar:backdrop { + background-color: #4583f3; } + +/********** + * Cheese * + **********/ +CheeseWindow .titlebar, +CheeseWindow .header-bar, +CheeseWindow .toolbar { + background-color: #ad7fa8; } + CheeseWindow .titlebar:backdrop, + CheeseWindow .header-bar:backdrop, + CheeseWindow .toolbar:backdrop { + background-color: #986192; } + +/************ + * Contacts * + ************/ +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: #2095F2; } + ContactsWindow .titlebar:backdrop, + ContactsWindow .header-bar:backdrop { + background-color: #0c7bd3; } + +/********** + * Clocks * + **********/ +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: #4BAE4F; } + ClocksWindow .titlebar:backdrop, + ClocksWindow .header-bar:backdrop { + background-color: #3c8a3f; } + +/********* + * Disks * + *********/ +GduWindow .titlebar, +GduWindow .header-bar { + background-color: #8561C5; } + GduWindow .titlebar:backdrop, + GduWindow .header-bar:backdrop { + background-color: #6a41b2; } + +/************** + * Disk Usage * + **************/ +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: #CC5E55; } + BaobabWindow .titlebar:backdrop, + BaobabWindow .header-bar:backdrop { + background-color: #b74137; } + +/************* + * Documents * + *************/ +#Documents .titlebar, +#Documents .header-bar { + background-color: #C2352A; } + #Documents .titlebar:backdrop, + #Documents .header-bar:backdrop { + background-color: #982a21; } + +/************ + * Epiphany * + ************/ +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: #6573C3; } + EphyWindow .titlebar:backdrop, + EphyWindow .header-bar:backdrop { + background-color: #4555b0; } + EphyWindow .titlebar .incognito-mode, + EphyWindow .header-bar .incognito-mode { + background-color: #3e4c9e; } + EphyWindow .titlebar .incognito-mode .button, + EphyWindow .header-bar .incognito-mode .button { + background-image: none; } + EphyWindow .titlebar .incognito-mode:backdrop, + EphyWindow .header-bar .incognito-mode:backdrop { + background-color: #2f3a79; } + +/********* + * Gedit * + *********/ +GeditWindow .titlebar, +GeditWindow .header-bar, +GeditWindow .gedit-headerbar-paned { + background-color: #DC4836; } + GeditWindow .titlebar:backdrop, + GeditWindow .header-bar:backdrop, + GeditWindow .gedit-headerbar-paned:backdrop { + background-color: #be3221; } + +/************** + * Log Viewer * + **************/ +GlWindow .titlebar, +GlWindow .header-bar, +GlWindow .toolbar, +LogviewWindow .titlebar, +LogviewWindow .header-bar, +LogviewWindow .toolbar { + background-color: #009587; } + GlWindow .titlebar:backdrop, + GlWindow .header-bar:backdrop, + GlWindow .toolbar:backdrop, + LogviewWindow .titlebar:backdrop, + LogviewWindow .header-bar:backdrop, + LogviewWindow .toolbar:backdrop { + background-color: #006259; } + +/********* + * Music * + *********/ +gnomemusic + window + Window .titlebar, +gnomemusic + window + Window .header-bar { + background-color: #fe9700; } + gnomemusic + window + Window .titlebar:backdrop, + gnomemusic + window + Window .header-bar:backdrop { + background-color: #cb7900; } + +/***************** + * Notes/Bijiben * + *****************/ +BjbMainToolbar .titlebar, +BjbMainToolbar .header-bar, +BjbWindowBase .titlebar, +BjbWindowBase .header-bar { + background-color: #ebdd4d; } + BjbMainToolbar .titlebar:backdrop, + BjbMainToolbar .header-bar:backdrop, + BjbWindowBase .titlebar:backdrop, + BjbWindowBase .header-bar:backdrop { + background-color: #e6d41f; } + +/********** + * Photos * + **********/ +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: #D30101; } + PhotosMainWindow .titlebar:backdrop, + PhotosMainWindow .header-bar:backdrop { + background-color: #a00101; } + +/********** + * Polari * + **********/ +.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, +.header-bar.polari-titlebar-left, +.header-bar.polari-titlebar-right { + background-color: #4BAE4F; } + .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, + .header-bar.polari-titlebar-left:backdrop, + .header-bar.polari-titlebar-right:backdrop { + background-color: #3c8a3f; } + +/******************* + * System Settings * + ******************/ +CcWindow .titlebar, +CcWindow .header-bar { + background-color: #5F7C8A; } + CcWindow .titlebar:backdrop, + CcWindow .header-bar:backdrop { + background-color: #4a616c; } + +CcShellNavBar { + padding: 0px; } + +/************ + * Software * + ************/ +#window_software .titlebar, +#window_software .header-bar { + background-color: #1A77C2; } + #window_software .titlebar:backdrop, + #window_software .header-bar:backdrop { + background-color: #145b95; } + +/****************** + * System Monitor * + ******************/ +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: #6fbe72; } + #gnome-system-monitor .titlebar:backdrop, + #gnome-system-monitor .header-bar:backdrop { + background-color: #4eac51; } + +/******** + * Yelp * + ********/ +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: #435ece; } + YelpWindow .titlebar:backdrop, + YelpWindow .header-bar:backdrop { + background-color: #2e47b0; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #ffffff; + background-color: #ffffff; } + .gala-notification .title, + .gala-notification .label { + color: #666666; } + +.gala-button { + padding: 3px; + color: #ffffff; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(255, 255, 255, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #666666; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(68, 154, 194, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #666666; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(68, 154, 194, 0.3); + color: #ffffff; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #666666; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel .maximized { + background-color: #000; } + .panel .translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel .color-light .composited-indicator > revealer label, + .panel .color-light .composited-indicator > revealer image, + .panel .color-light .composited-indicator > GtkRevealer { + color: rgba(0, 0, 0, 0.35); + text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); + -gtk-icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #ffffff; + font-weight: bold; + text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } + +/************* + * AppCenter * + *************/ +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: #378BE6; } + AppCenterMainWindow .titlebar:backdrop, + AppCenterMainWindow .header-bar:backdrop { + background-color: #1a71d0; } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .titlebar, + PantheonCalculatorMainWindow .header-bar { + background-color: #07ce8e; } + PantheonCalculatorMainWindow .titlebar:backdrop, + PantheonCalculatorMainWindow .header-bar:backdrop { + background-color: #059d6c; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/******** + * Maya * + ********/ +MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { + background-color: #8CD33F; } + MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { + background-color: #72b52a; } + +/********* + * Cards * + *********/ +.deck { + background-color: #e3e3e3; } + +.card { + background-color: #ffffff; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #f2f2f2; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .titlebar, + NoiseLibraryWindow .header-bar { + background-color: #EE6020; } + NoiseLibraryWindow .titlebar:backdrop, + NoiseLibraryWindow .header-bar:backdrop { + background-color: #cb4a10; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/*********** + * Scratch * + ***********/ +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: #e74c3c; } + ScratchMainWindow .titlebar:backdrop, + ScratchMainWindow .header-bar:backdrop { + background-color: #d62c1a; } + +/******** + * Snap * + ********/ +SnapMainWindow .titlebar, +SnapMainWindow .header-bar, +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: #6d266a; } + SnapMainWindow .titlebar:backdrop, + SnapMainWindow .header-bar:backdrop, + SnapSnapWindow .titlebar:backdrop, + SnapSnapWindow .header-bar:backdrop { + background-color: #471945; } +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .titlebar, +DirectWindow .header-bar, +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: #5544B5; } + DirectWindow .titlebar:backdrop, + DirectWindow .header-bar:backdrop, + LibraryWindow .titlebar:backdrop, + LibraryWindow .header-bar:backdrop { + background-color: #443690; } +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #f7f7f7; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #666666; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Backdrop Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +/* Backdrop Unity panel color */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #449ac2; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #636E73; + color: #dbdee0; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #636E73; + border-bottom-width: 0; + background-color: #636E73; + color: #dbdee0; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + background-color: #4b5458; + color: #c0c5c8; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #dbdee0; } + UnityDecoration .top .menuitem:backdrop { + background-color: #4b5458; + color: #c0c5c8; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #626c71; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #636E73, #626c71); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #626c71; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: #4b5458; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #343a3c; + color: #dbdee0; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: #1c1f21; + color: #c0c5c8; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #dbdee0; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #dbdee0; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #343a3c; + color: #dbdee0; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #afafaf; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #616b70; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: #c4c4c4; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #ffffff; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #449ac2; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left, +.geary-titlebar-right { + background-color: #F2B035; } + .geary-titlebar-left:backdrop, + .geary-titlebar-right:backdrop { + background-color: #e59a0f; } + .geary-titlebar-left .separator, + .geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView GtkIconView:active, + ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected, + ConversationListView iconview:selected { + background-color: #449ac2; + color: #ffffff; } + ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, + ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop, + ConversationListView iconview:selected:backdrop { + background-color: #57a4c8; + color: rgba(255, 255, 255, 0.5); } + ConversationListView .view .cell, ConversationListView GtkIconView .cell, + ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected, + ConversationListView iconview .cell:selected { + color: #ffffff; + border: 0px solid #347d9f; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #4b5458; + color: #ffffff; + font: bold; + box-shadow: inset 0 -1px #3b4144; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #ffffff; + font: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); } + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #666666; } + +#content_frame { + padding-bottom: 14px; + background-color: #f7f7f7; + 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: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + #content_frame button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + #content_frame button:active, #content_frame button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + #content_frame button:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + #content_frame button:disabled GtkLabel, #content_frame button:disabled { + color: #afafaf; } + #content_frame button:disabled label, #content_frame button:disabled { + color: #afafaf; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(32, 37, 38, 0.8); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #666666; + font: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } diff --git a/Paper/gtk-3.20/gtk.scss b/Paper/gtk-3.20/gtk.scss new file mode 100644 index 0000000..182b147 --- /dev/null +++ b/Paper/gtk-3.20/gtk.scss @@ -0,0 +1,26 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +$variant: 'light'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; \ No newline at end of file diff --git a/Paper/gtk-3.20/widgets/_action-bars.scss b/Paper/gtk-3.20/widgets/_action-bars.scss new file mode 100644 index 0000000..c610c3d --- /dev/null +++ b/Paper/gtk-3.20/widgets/_action-bars.scss @@ -0,0 +1,27 @@ +/*************** +* Action bars * +***************/ + +.action-bar { + background-color: darken($bg_color, 10%); + border: solid $borders_color; + border-width: 1px 0 0 0; + color: $fg_color; + box-shadow: none; + + &:backdrop { + background-color: darken($backdrop_bg_color, 10%); + box-shadow: none; + -gtk-icon-effect: dim; + } + + &:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; + } + + &:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; + } +} diff --git a/Paper/gtk-3.0/widgets/_app-notifications.scss b/Paper/gtk-3.20/widgets/_app-notifications.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_app-notifications.scss rename to Paper/gtk-3.20/widgets/_app-notifications.scss diff --git a/Paper/gtk-3.0/widgets/_base-states.scss b/Paper/gtk-3.20/widgets/_base-states.scss similarity index 85% rename from Paper/gtk-3.0/widgets/_base-states.scss rename to Paper/gtk-3.20/widgets/_base-states.scss index 0a7b2bd..5174a19 100644 --- a/Paper/gtk-3.0/widgets/_base-states.scss +++ b/Paper/gtk-3.20/widgets/_base-states.scss @@ -20,7 +20,6 @@ Everytime a wildcard is used a kitten dies, painfully. */ -*:insensitive { -gtk-icon-effect: dim; } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { @@ -177,33 +176,6 @@ label { text-shadow: none; } -GtkAssistant, -assistant { - - border-bottom-left-radius:4px; - border-bottom-right-radius:4px; - - .sidebar { - background-color: $base_color; - border-top: 1px solid $borders_color; - - border-bottom-left-radius:4px; - - &:backdrop { - background-color: $backdrop_base_color; - border-color: $backdrop_borders_color; - } - } - - &.csd .sidebar { border-top-style: none; } - - .sidebar GtkLabel, - .sidebar label { padding: 6px 12px; } - - .sidebar GtkLabel.highlight, - .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } -} - %osd, .osd { color: $osd_fg_color; diff --git a/Paper/gtk-3.0/widgets/_buttons.scss b/Paper/gtk-3.20/widgets/_buttons.scss similarity index 99% rename from Paper/gtk-3.0/widgets/_buttons.scss rename to Paper/gtk-3.20/widgets/_buttons.scss index ea2f0f1..74daa9c 100644 --- a/Paper/gtk-3.0/widgets/_buttons.scss +++ b/Paper/gtk-3.20/widgets/_buttons.scss @@ -24,7 +24,6 @@ $_dot_color: if($variant=='light', $selected_bg_color, } %button, -.button, button { @at-root %button_basic, & { @@ -86,7 +85,6 @@ button { &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} - &:insensitive, &:disabled { @include button(insensitive); @@ -168,7 +166,6 @@ button { box-shadow: none; } - &:insensitive, &:disabled { &:backdrop, & { @include button(osd-insensitive); diff --git a/Paper/gtk-3.0/widgets/_calendar.scss b/Paper/gtk-3.20/widgets/_calendar.scss similarity index 98% rename from Paper/gtk-3.0/widgets/_calendar.scss rename to Paper/gtk-3.20/widgets/_calendar.scss index 3083ac0..a632e68 100644 --- a/Paper/gtk-3.0/widgets/_calendar.scss +++ b/Paper/gtk-3.20/widgets/_calendar.scss @@ -1,7 +1,6 @@ /************ * Calendar * ***********/ -GtkCalendar, calendar { color: $text_color; border: 1px solid $borders_color; diff --git a/Paper/gtk-3.20/widgets/_checks-radios.scss b/Paper/gtk-3.20/widgets/_checks-radios.scss new file mode 100644 index 0000000..c731f49 --- /dev/null +++ b/Paper/gtk-3.20/widgets/_checks-radios.scss @@ -0,0 +1,203 @@ +/************************* + * Check and Radio Items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +// unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':disabled', '-unchecked-insensitive'), + (':disabled:backdrop', '-unchecked-backdrop-insensitive') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}-dark.png"),url("../assets/checkbox#{$un}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png")), -gtk-scaled(url("../assets/radio#{$un}-dark.png"),url("../assets/radio#{$un}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked +@each $s,$ch in (':checked', '-checked'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':checked:backdrop', '-checked-backdrop'), + (':checked:disabled', '-checked-insensitive'), + (':checked:disabled:backdrop', '-checked-insensitive-backdrop') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}-dark.png"),url("../assets/checkbox#{$ch}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")), -gtk-scaled(url("../assets/radio#{$ch}-dark.png"),url("../assets/radio#{$ch}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + +// mixed +@each $s,$mx in (':indeterminate', '-mixed'), + (':indeterminate:hover', '-mixed-hover'), + (':indeterminate:active', '-mixed-active'), + (':indeterminate:backdrop', '-mixed-backdrop'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':indeterminate:disabled:backdrop', '-mixed-insensitive-backdrop') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/checkbox#{$mx}-dark.png"),url("../assets/checkbox#{$mx}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png")), -gtk-scaled(url("../assets/radio#{$mx}-dark.png"),url("../assets/radio#{$mx}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + +// unchecked:selected +@each $s,$un in (':selected','-unchecked'), + (':hover:selected', '-unchecked-hover'), + (':active:selected', '-unchecked-active'), + (':backdrop:selected', '-unchecked-backdrop'), + (':disabled:selected', '-unchecked-insensitive'), + (':disabled:backdrop:selected', '-unchecked-backdrop-insensitive') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$un}.png"),url("../assets/selected-checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$un}-dark.png"),url("../assets/selected-checkbox#{$un}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$un}-dark.png"),url("../assets/selected-radio#{$un}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked:selected +@each $s,$ch in (':checked:selected', '-checked'), + (':checked:hover:selected', '-checked-hover'), + (':checked:active:selected', '-checked-active'), + (':checked:backdrop:selected', '-checked-backdrop'), + (':checked:disabled:selected', '-checked-insensitive'), + (':checked:disabled:backdrop:selected', '-checked-insensitive-backdrop') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$ch}.png"),url("../assets/selected-checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$ch}-dark.png"),url("../assets/selected-checkbox#{$ch}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$ch}-dark.png"),url("../assets/selected-radio#{$ch}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// mixed:selected +@each $s,$mx in (':indeterminate:selected', '-mixed'), + (':indeterminate:hover:selected', '-mixed-hover'), + (':indeterminate:active:selected', '-mixed-active'), + (':indeterminate:backdrop:selected', '-mixed-backdrop'), + (':indeterminate:disabled:selected', '-mixed-insensitive'), + (':indeterminate:disabled:backdrop:selected', '-mixed-insensitive-backdrop') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$mx}-dark.png"),url("../assets/selected-checkbox#{$mx}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$mx}-dark.png"),url("../assets/selected-radio#{$mx}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// selection-mode unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':disabled', '-unchecked-insensitive'), + (':disabled:backdrop', '-unchecked-backdrop-insensitive') { + .view.content-view check#{$s}, + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")); + -gtk-icon-shadow: none; + } + .view.content-view radio#{$s}, + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$un}.png"),url("../assets/radio#{$un}@2.png")); + -gtk-icon-shadow: none; + } +} + +// selection-mode checked +@each $s,$ch in ('','-checked'), + (':hover', '-checked-hover'), + (':active', '-checked-active'), + (':backdrop', '-checked-backdrop'), + (':disabled', '-checked-insensitive'), + (':disabled:backdrop', '-checked-backdrop-insensitive') { + .view.content-view check#{$s}, + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")); + -gtk-icon-shadow: none; + } + .view.content-view radio#{$s}, + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")); + -gtk-icon-shadow: none; + } +} + + + +// Style + +.check.text-button, .radio.text-button, +checkbutton.text-button, radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +check, +.check, +radio, +.radio { + margin: 0 4px; + + .menu .menuitem &, + menu menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + } +} + +// no animations in menus +menu menuitem { + check:not(:indeterminate):checked, + radio:not(:indeterminate):checked, + check:indeterminate:checked:active, + radio:indeterminate:checked { animation: none; } +} + +treeview.view check, +treeview.view radio { + &:selected { + &:focus, & { + color: $fg_color; + + @if $variant == 'light' { border-color: $selected_borders_color; } + } + + &:disabled { + color: $insensitive_fg_color; + + &:backdrop { color: $backdrop_insensitive_color; } + } + } + + &:backdrop { &:selected, & { color: $backdrop_fg_color; }} +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_color-chooser.scss b/Paper/gtk-3.20/widgets/_color-chooser.scss similarity index 98% rename from Paper/gtk-3.0/widgets/_color-chooser.scss rename to Paper/gtk-3.20/widgets/_color-chooser.scss index 30b4a4e..19ec578 100644 --- a/Paper/gtk-3.0/widgets/_color-chooser.scss +++ b/Paper/gtk-3.20/widgets/_color-chooser.scss @@ -1,7 +1,6 @@ /***************** * Color Chooser * *****************/ -GtkColorSwatch, colorswatch { // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is diff --git a/Paper/gtk-3.0/widgets/_comboboxes.scss b/Paper/gtk-3.20/widgets/_comboboxes.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_comboboxes.scss rename to Paper/gtk-3.20/widgets/_comboboxes.scss index d58808a..2b08508 100644 --- a/Paper/gtk-3.0/widgets/_comboboxes.scss +++ b/Paper/gtk-3.20/widgets/_comboboxes.scss @@ -2,7 +2,6 @@ * ComboBoxes * **************/ -GtkComboBox, combobox { arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); @@ -49,8 +48,7 @@ combobox { .combobox-entry { // Button - button, - .button { + button { box-shadow: none; &:first-child { @@ -64,8 +62,7 @@ combobox { } // Entry - entry, - .entry { + entry { box-shadow: none; &:first-child { diff --git a/Paper/gtk-3.0/widgets/_dialogs.scss b/Paper/gtk-3.20/widgets/_dialogs.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_dialogs.scss rename to Paper/gtk-3.20/widgets/_dialogs.scss index df8c3e6..c1e31ce 100644 --- a/Paper/gtk-3.0/widgets/_dialogs.scss +++ b/Paper/gtk-3.20/widgets/_dialogs.scss @@ -4,7 +4,6 @@ // Message Dialog -.message-dialog, messagedialog { .titlebar { min-height: 20px; @@ -51,7 +50,6 @@ messagedialog { } } -GtkFileChooserDialog, filechooser { border-bottom-left-radius: 4px; diff --git a/Paper/gtk-3.0/widgets/_entries.scss b/Paper/gtk-3.20/widgets/_entries.scss similarity index 94% rename from Paper/gtk-3.0/widgets/_entries.scss rename to Paper/gtk-3.20/widgets/_entries.scss index 76d2041..4333c18 100644 --- a/Paper/gtk-3.0/widgets/_entries.scss +++ b/Paper/gtk-3.20/widgets/_entries.scss @@ -3,7 +3,6 @@ ****************/ %entry, -.entry, entry { %entry_basic, & { min-height: 20px; @@ -14,7 +13,6 @@ entry { @include entry(normal); - GtkImage, image { // icons inside the entry &.left { padding-left: 0; padding-right: 6px; } &.right { padding-left: 6px; padding-right: 0; } @@ -37,7 +35,6 @@ entry { &:focus { @include entry(focus); } - &:insensitive { @include entry(insensitive); } &:disabled { @include entry(insensitive); } &:backdrop { @@ -46,7 +43,6 @@ entry { transition: $backdrop_transition; } - &:backdrop:insensitive { @include entry(backdrop-insensitive); } &:backdrop:disabled { @include entry(backdrop-insensitive); } &:selected { &:focus, & { @extend %selected_items; }} @@ -65,7 +61,6 @@ entry { } } - GtkImage, image { // entry icons colors color: mix($fg_color, $base_color, 80%); @@ -94,7 +89,6 @@ entry { } } - .progressbar, progress { margin: 2px -6px; background-color: transparent; @@ -136,9 +130,7 @@ entry { } // brighter border between linked insensitive entries - &:insensitive + %entry:insensitive, &:disabled + entry:disabled, - &:insensitive + %entry:insensitive, &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } // color back the top border of a linked focused entry following another entry and add back the focus shadow. @@ -171,12 +163,10 @@ entry { } } -GtkTreeView .acceleditor > label, treeview acceleditor > label { background-color: $selected_bg_color; } -GtkTreeView .entry, treeview entry { &.flat, & { border-radius: 0; diff --git a/Paper/gtk-3.0/widgets/_expanders.scss b/Paper/gtk-3.20/widgets/_expanders.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_expanders.scss rename to Paper/gtk-3.20/widgets/_expanders.scss diff --git a/Paper/gtk-3.0/widgets/_file-chooser.scss b/Paper/gtk-3.20/widgets/_file-chooser.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_file-chooser.scss rename to Paper/gtk-3.20/widgets/_file-chooser.scss index eae00b9..6b2eb76 100644 --- a/Paper/gtk-3.0/widgets/_file-chooser.scss +++ b/Paper/gtk-3.20/widgets/_file-chooser.scss @@ -17,7 +17,7 @@ placessidebar { &:selected { color: $selected_fg_color; } - &:disabled, &:insensitive { color: $insensitive_fg_color; } + &:disabled { color: $insensitive_fg_color; } &:backdrop { color: $backdrop_fg_color; diff --git a/Paper/gtk-3.0/widgets/_floating-bar.scss b/Paper/gtk-3.20/widgets/_floating-bar.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_floating-bar.scss rename to Paper/gtk-3.20/widgets/_floating-bar.scss index b8061f3..f2ff36d 100644 --- a/Paper/gtk-3.0/widgets/_floating-bar.scss +++ b/Paper/gtk-3.20/widgets/_floating-bar.scss @@ -2,7 +2,6 @@ * Floating Bar * ****************/ .floating-bar { - padding: 2px; background-color: $bg_color; border-width: 1px; border-style: solid solid none; diff --git a/Paper/gtk-3.0/widgets/_frames.scss b/Paper/gtk-3.20/widgets/_frames.scss similarity index 96% rename from Paper/gtk-3.0/widgets/_frames.scss rename to Paper/gtk-3.20/widgets/_frames.scss index 5467c10..6c255c7 100644 --- a/Paper/gtk-3.0/widgets/_frames.scss +++ b/Paper/gtk-3.20/widgets/_frames.scss @@ -1,8 +1,7 @@ /********** * Frames * **********/ -frame > border, -.frame { +frame > border { box-shadow: none; margin: 0; padding: 0; @@ -21,9 +20,7 @@ actionbar > revealer > box { &:backdrop { border-color: $backdrop_borders_color; } } -GtkScrolledWindow, scrolledwindow { - GtkViewport.frame, viewport.frame { // avoid double borders when viewport inside scrolled window border-style: none; } @@ -84,7 +81,6 @@ scrolledwindow { } //vbox and hbox separators -.separator, separator { background: transparentize(black, 0.9); min-width: 1px; diff --git a/Paper/gtk-3.0/widgets/_granite.scss b/Paper/gtk-3.20/widgets/_granite.scss similarity index 89% rename from Paper/gtk-3.0/widgets/_granite.scss rename to Paper/gtk-3.20/widgets/_granite.scss index 48bbe5a..3e49050 100644 --- a/Paper/gtk-3.0/widgets/_granite.scss +++ b/Paper/gtk-3.20/widgets/_granite.scss @@ -94,7 +94,7 @@ GraniteWidgetsWelcome { &:selected:backdrop, &:selected:hover:backdrop { background-color: transparentize(black, 0.8); - color: shade ($bg_color, 0.95); + color: darken($bg_color, 5%); } } @@ -112,6 +112,33 @@ GraniteWidgetsWelcome { } +/************** +* Text Styles * +**************/ + +.h1 { + font-size: 24px; +} + +.h2 { + font-weight: 300; + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: transparentize($fg_color, 0.7); + font-weight: bold; + text-shadow: 0 1px transparentize(white,0.8); +} + + /************** * Storage Bar * **************/ diff --git a/Paper/gtk-3.0/widgets/_header-bars.scss b/Paper/gtk-3.20/widgets/_header-bars.scss similarity index 94% rename from Paper/gtk-3.0/widgets/_header-bars.scss rename to Paper/gtk-3.20/widgets/_header-bars.scss index f279312..ae00072 100644 --- a/Paper/gtk-3.0/widgets/_header-bars.scss +++ b/Paper/gtk-3.20/widgets/_header-bars.scss @@ -3,7 +3,6 @@ ***************/ %titlebar, -.header-bar, headerbar { min-height: 40px; padding:0 8px; @@ -138,7 +137,6 @@ headerbar { // Entries - .entry, entry { margin:6px 0; @@ -152,7 +150,7 @@ headerbar { color: $fg_color; box-shadow: 0 1px 0 0 transparentize(black, 0.8); - > .image { + > image { padding-right: 6px; color: transparentize($fg_color, 0.2); } @@ -164,7 +162,7 @@ headerbar { box-shadow: 0 1px 2px 0 transparentize(black, 0.6); - > .image { + > image { padding-right: 6px; color: $fg_color; } @@ -176,12 +174,12 @@ headerbar { } } - &:insensitive { + &:disabled { background: transparentize($base_color, 0.4); color: transparentize($fg_color, 0.5); box-shadow: none; - > .image { + > image { padding-right: 6px; color: transparentize($fg_color, 0.5); } @@ -198,7 +196,7 @@ headerbar { color: transparentize($fg_color, 0.5); box-shadow: none; - > .image { + > image { color: transparentize($fg_color, 0.5); } } @@ -207,7 +205,6 @@ headerbar { // Buttons // header bar buttons have no backgrounds or borders - .button, button { background-color: transparent; background-image: none; @@ -280,22 +277,19 @@ headerbar { } } - &:insensitive, &:disabled { color: $backdrop_headerbar_fg_color; background-color: transparent; background-image: none; - } - &:insensitive, - &:insensitive:backdrop { - color: $backdrop_headerbar_fg_color; - background-color: transparent; - background-image: none; + &:backdrop { + color: $backdrop_headerbar_fg_color; + background-color: transparent; + background-image: none; - image, - GtkImage { - -gtk-image-effect: dim; + image { + -gtk-icon-effect: dim; + } } } @@ -364,14 +358,12 @@ headerbar { &:active { } - &:insensitive, &:disabled { } &:backdrop { } - &:backdrop:insensitive, &:backdrop:disabled { } } @@ -393,9 +385,7 @@ headerbar { } } -.header-bar, headerbar { - .separator:first-child + &, separator:first-child + &, // tackles the paned container case &:first-child { &, &:backdrop { border-top-left-radius: 4px; }} diff --git a/Paper/gtk-3.20/widgets/_infobars.scss b/Paper/gtk-3.20/widgets/_infobars.scss new file mode 100644 index 0000000..561bb7f --- /dev/null +++ b/Paper/gtk-3.20/widgets/_infobars.scss @@ -0,0 +1,120 @@ +/************** + * GtkInfoBar * + **************/ +%infobar, +infobar { + text-shadow: none; + color: $fg_color; + background-color: $bg_color; + border-bottom:1px solid darken($bg_color,10%); + box-shadow: inset 0 1px transparentize(white, 0.8), + 0 1px 0 0 transparentize(black, 0.95), + 0 1px 2px 0 transparentize(black, 0.85); + +} + +%color_infobar { + + @extend %infobar; + + text-shadow: none; + color: $selected_fg_color; + border:none; + + .label { + color: $selected_fg_color; + + &:backdrop { + color: $backdrop_selected_fg_color; + } + } + + button { + border-radius: 2px; + border: none; + background: transparentize($base_color, 0.05); + color: $fg_color; + box-shadow: 0 1px 0 0 transparentize(black, 0.8); + + .label { + color: $fg_color; + } + + &:active { + background: $base_color; + color: $fg_color; + + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:hover, + &:focus { + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + } + + &:disabled { + background: transparentize($base_color, 0.4); + color: transparentize($fg_color, 0.5); + box-shadow: none; + + &:backdrop { + background: transparentize($base_color, 0.5); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } +} + +.info { + @extend %color_infobar; + background-color: $info_color; + + &:backdrop { + background-color:lighten($info_color,10%); + color: $backdrop_selected_fg_color; + } +} + +.warning { + @extend %color_infobar; + background-color: $warning_color; + + &:backdrop { + background-color:lighten($warning_color,10%); + color: $backdrop_selected_fg_color; + } +} + +.question { + @extend %color_infobar; + background-color: $question_color; + + &:backdrop { + background-color:lighten($question_color,10%); + color: $backdrop_selected_fg_color; + } + +} + +.error { + @extend %color_infobar; + background-color: $error_color; + + &:backdrop { + background-color:lighten($error_color,10%); + color: $backdrop_selected_fg_color; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_level-bars.scss b/Paper/gtk-3.20/widgets/_level-bars.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_level-bars.scss rename to Paper/gtk-3.20/widgets/_level-bars.scss index 161e0a4..9be3371 100644 --- a/Paper/gtk-3.0/widgets/_level-bars.scss +++ b/Paper/gtk-3.20/widgets/_level-bars.scss @@ -1,8 +1,6 @@ /************* * Level Bar * *************/ -GtkLevelBar, -.level-bar, levelbar { -GtkLevelBar-min-block-width: 32; @@ -10,7 +8,6 @@ levelbar { &:backdrop { transition: $backdrop_transition; } - .trough, trough { @extend %scale_trough; margin: 0; @@ -25,7 +22,6 @@ levelbar { &.vertical.discrete block { margin: 1px 0; } %fill-block, - .fill-block, block { border-radius:2px; diff --git a/Paper/gtk-3.0/widgets/_links.scss b/Paper/gtk-3.20/widgets/_links.scss similarity index 95% rename from Paper/gtk-3.0/widgets/_links.scss rename to Paper/gtk-3.20/widgets/_links.scss index 112ed15..e2374ab 100644 --- a/Paper/gtk-3.0/widgets/_links.scss +++ b/Paper/gtk-3.20/widgets/_links.scss @@ -30,9 +30,7 @@ } button:link, -.button:link, -button:visited, -.button:visited { +button:visited { @extend %undecorated_button; @extend *:link; diff --git a/Paper/gtk-3.0/widgets/_lists.scss b/Paper/gtk-3.20/widgets/_lists.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_lists.scss rename to Paper/gtk-3.20/widgets/_lists.scss index 0fe8f06..c4db079 100644 --- a/Paper/gtk-3.0/widgets/_lists.scss +++ b/Paper/gtk-3.20/widgets/_lists.scss @@ -13,12 +13,10 @@ list { } -row, -.list-row { +row{ border-radius:0; transition: all 150ms $ease-out-quad; - GtkImage, image { padding-right: 6px; } diff --git a/Paper/gtk-3.0/widgets/_menus.scss b/Paper/gtk-3.20/widgets/_menus.scss similarity index 93% rename from Paper/gtk-3.0/widgets/_menus.scss rename to Paper/gtk-3.20/widgets/_menus.scss index 4439873..b2d2799 100644 --- a/Paper/gtk-3.0/widgets/_menus.scss +++ b/Paper/gtk-3.20/widgets/_menus.scss @@ -1,8 +1,7 @@ /********* * Menus * *********/ -menubar, -.menubar { +menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px transparentize(black, 0.9); @@ -11,7 +10,6 @@ menubar, &:backdrop { background-color: $backdrop_headerbar_bg_color; } - > .menuitem, > menuitem { min-height: 16px; padding: 4px 8px; @@ -21,7 +19,6 @@ menubar, color: $headerbar_fg_color; } - &:insensitive, &:disabled { color: $insensitive_fg_color; box-shadow: none; @@ -29,8 +26,6 @@ menubar, } } -.menu, -.popup, menu { padding: 4px 0px; background-color: $menu_color; @@ -43,7 +38,6 @@ menu { &:backdrop { background-color: $backdrop_menu_color; } - .menuitem, menuitem { min-height: 16px; min-width: 40px; @@ -55,7 +49,6 @@ menu { background-color: $selected_bg_color; } - &:insensitive, &:disabled { color: $insensitive_fg_color; &:backdrop { color: $backdrop_insensitive_color; } @@ -68,7 +61,6 @@ menu { } // submenu indicators - .arrow, arrow { min-height: 16px; min-width: 16px; @@ -112,7 +104,6 @@ menu { &:backdrop { background-color: $backdrop_menu_color; } - &:insensitive, &:disabled { color: transparent; background-color: transparent; @@ -121,14 +112,10 @@ menu { } } -.menuitem, menuitem { - .accelerator, accelerator { color: gtkalpha(currentColor,0.55); } - .check, check, - .radio, radio { min-height: 16px; min-width: 16px; diff --git a/Paper/gtk-3.0/widgets/_misc.scss b/Paper/gtk-3.20/widgets/_misc.scss similarity index 54% rename from Paper/gtk-3.0/widgets/_misc.scss rename to Paper/gtk-3.20/widgets/_misc.scss index 4b042a9..cdff835 100644 --- a/Paper/gtk-3.0/widgets/_misc.scss +++ b/Paper/gtk-3.20/widgets/_misc.scss @@ -22,7 +22,6 @@ } // +/- buttons on GtkVolumeButton popup - .button, button { &:hover { @extend %undecorated_button; @@ -34,33 +33,36 @@ } } -separator, -.separator { +separator { color: $borders_color; } -/************** -* Text Styles * -**************/ +/************ +* Assistant * +*************/ -.h1 { - font-size: 24px; -} +assistant { -.h2 { - font-weight: 300; - font-size: 18px; -} + border-bottom-left-radius:4px; + border-bottom-right-radius:4px; -.h3 { - font-size: 11px; -} + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; -.h4, -.category-label { - font-size: 12px; - padding: 6px; - color: mix ($bg_color, $text_color, 50%); - font-weight: bold; - text-shadow: 0 1px transparentize(white,0.8); + border-bottom-left-radius:4px; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar GtkLabel, + .sidebar label { padding: 6px 12px; } + + .sidebar GtkLabel.highlight, + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } } \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_notebooks.scss b/Paper/gtk-3.20/widgets/_notebooks.scss similarity index 98% rename from Paper/gtk-3.0/widgets/_notebooks.scss rename to Paper/gtk-3.20/widgets/_notebooks.scss index fa5de9e..410d868 100644 --- a/Paper/gtk-3.0/widgets/_notebooks.scss +++ b/Paper/gtk-3.20/widgets/_notebooks.scss @@ -291,7 +291,7 @@ notebook, box-shadow:inset 0 -1px 0 0 $backdrop_borders_color; } - &:insensitive { + &:disabled { box-shadow:inset 0 -1px 0 0 $insensitive_borders_color; } } @@ -312,7 +312,7 @@ notebook, box-shadow:inset 0 1px 0 0 $backdrop_borders_color; } - &:insensitive { + &:disabled { box-shadow:inset 0 1px 0 0 $insensitive_borders_color; } } @@ -333,7 +333,7 @@ notebook, box-shadow:inset -1px 0 0 0 $backdrop_borders_color; } - &:insensitive { + &:disabled { box-shadow:inset -1px 0 0 0 $insensitive_borders_color; } } @@ -354,7 +354,7 @@ notebook, box-shadow:inset 1px 0 0 0 $backdrop_borders_color; } - &:insensitive { + &:disabled { box-shadow:inset 1px 0 0 0 $insensitive_borders_color; } } diff --git a/Paper/gtk-3.0/widgets/_paned.scss b/Paper/gtk-3.20/widgets/_paned.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_paned.scss rename to Paper/gtk-3.20/widgets/_paned.scss diff --git a/Paper/gtk-3.20/widgets/_pathbars.scss b/Paper/gtk-3.20/widgets/_pathbars.scss new file mode 100644 index 0000000..f5dfeca --- /dev/null +++ b/Paper/gtk-3.20/widgets/_pathbars.scss @@ -0,0 +1,29 @@ +/************ + * Pathbars * + ************/ +.path-bar button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_popovers.scss b/Paper/gtk-3.20/widgets/_popovers.scss similarity index 95% rename from Paper/gtk-3.0/widgets/_popovers.scss rename to Paper/gtk-3.20/widgets/_popovers.scss index 782d683..d8fc693 100644 --- a/Paper/gtk-3.0/widgets/_popovers.scss +++ b/Paper/gtk-3.20/widgets/_popovers.scss @@ -2,7 +2,6 @@ * Popovers * ************/ -.popover.background, popover.background { padding: 2px; border-radius: 4px; @@ -43,8 +42,6 @@ popover.background { list separator { margin: 0px; } - .check, checkbutton, - .radio, radiobutton { @extend modelbutton.flat; } } \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_print-dialog.scss b/Paper/gtk-3.20/widgets/_print-dialog.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_print-dialog.scss rename to Paper/gtk-3.20/widgets/_print-dialog.scss diff --git a/Paper/gtk-3.0/widgets/_progress-bars.scss b/Paper/gtk-3.20/widgets/_progress-bars.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_progress-bars.scss rename to Paper/gtk-3.20/widgets/_progress-bars.scss diff --git a/Paper/gtk-3.0/widgets/_scales.scss b/Paper/gtk-3.20/widgets/_scales.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_scales.scss rename to Paper/gtk-3.20/widgets/_scales.scss index 14366d0..9771fc3 100644 --- a/Paper/gtk-3.0/widgets/_scales.scss +++ b/Paper/gtk-3.20/widgets/_scales.scss @@ -10,7 +10,6 @@ padding:0; margin: 0; - &:insensitive, &:disabled { background-color: $insensitive_bg_color; } @@ -19,7 +18,6 @@ background-color: $backdrop_base_color; transition: $backdrop_transition; - &:insensitive, &:disabled { background-color: $insensitive_bg_color; } } @@ -51,7 +49,6 @@ min-height: 8px; - &:insensitive, &:disabled { border: 1px solid darken($borders_color, 15%); background-color: darken($bg_color, 20%); @@ -81,18 +78,12 @@ // Scale -.scale, scale { // sizing $_marks_length: 6px; $_marks_distance: 6px; - - -GtkScale-slider-length: 16px; - -GtkRange-slider-width: 16px; - -GtkRange-trough-border: 0px; - min-height: 10px; min-width: 10px; padding: 8px; @@ -102,7 +93,6 @@ scale { highlight { margin: -1px; } // Slider, the scale handle - .slider, slider { min-height: 16px; min-width: 16px; @@ -121,14 +111,12 @@ scale { box-shadow:0 1px 1px 0 transparentize($selected_bg_color, 0.5); border: 1px solid $selected_bg_color; - &:insensitive, &:disabled { box-shadow:none; border: 1px solid transparentize(black, 0.8); } } - &:insensitive, &:disabled { box-shadow:none; } @@ -159,8 +147,7 @@ scale { } // Trough - trough, - .trough { + trough { @extend %scale_trough; border-radius: 2px; margin: 6px; @@ -178,7 +165,6 @@ scale { // The coloured part of the Trough fill, - .highlight, highlight { @extend %scale_highlight; } @@ -200,7 +186,6 @@ scale { } // to make the trough grow in fine-tune mode - .slider, slider { min-height: 16px; min-width: 16px; @@ -212,8 +197,7 @@ scale { box-shadow:none; } - trough, - .trough { + trough { @extend %scale_trough; border-radius:6px; @@ -225,7 +209,6 @@ scale { } fill, - .highlight, highlight { @extend %scale_highlight; } diff --git a/Paper/gtk-3.0/widgets/_scrollbars.scss b/Paper/gtk-3.20/widgets/_scrollbars.scss similarity index 88% rename from Paper/gtk-3.0/widgets/_scrollbars.scss rename to Paper/gtk-3.20/widgets/_scrollbars.scss index 3b05339..895055b 100644 --- a/Paper/gtk-3.0/widgets/_scrollbars.scss +++ b/Paper/gtk-3.20/widgets/_scrollbars.scss @@ -28,7 +28,6 @@ scrollbar { } // slider - .slider, slider { min-width: 6px; min-height: 6px; @@ -145,11 +144,6 @@ scrollbar { color: $scrollbar_slider_active_color; } - &:insensitive { - @include button(undecorated); - - color: transparentize($scrollbar_slider_color, 0.8); - } &:disabled { @include button(undecorated); @@ -160,7 +154,6 @@ scrollbar { color: $backdrop_scrollbar_slider_color; - &:insensitive, &:disabled { @include button(undecorated); @@ -190,29 +183,4 @@ scrollbar { treeview ~ scrollbar.vertical { border-top: 1px solid $borders_color; margin-top: -1px; -} - - -/********************** - * Overlay Scrollbars * - *********************/ - -OsThumb, -OsScrollbar { - - color: $selected_bg_color; - - &:active, - &:selected { - background-color: $selected_bg_color; - } - - &:backdrop, - &:active:backdrop { - background-color: $backdrop_fg_color; - } - - &:insensitive { - background-color: $insensitive_fg_color; - } } \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_sidebar.scss b/Paper/gtk-3.20/widgets/_sidebar.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_sidebar.scss rename to Paper/gtk-3.20/widgets/_sidebar.scss diff --git a/Paper/gtk-3.0/widgets/_spinbuttons.scss b/Paper/gtk-3.20/widgets/_spinbuttons.scss similarity index 98% rename from Paper/gtk-3.0/widgets/_spinbuttons.scss rename to Paper/gtk-3.20/widgets/_spinbuttons.scss index 2139983..c2319b8 100644 --- a/Paper/gtk-3.0/widgets/_spinbuttons.scss +++ b/Paper/gtk-3.20/widgets/_spinbuttons.scss @@ -2,7 +2,6 @@ * GtkSpinButton * *****************/ -.spinbutton, spinbutton { &:not(.vertical) { // in this horizontal configuration, the whole spinbutton @@ -10,7 +9,6 @@ spinbutton { // and nuke the style on the internal entry @extend %entry; - .entry, entry { min-width: 28px; // reset all the other props since the spinbutton node is styled here @@ -23,7 +21,6 @@ spinbutton { box-shadow: none; } - .button, button { min-height: 16px; margin: 0; @@ -42,7 +39,6 @@ spinbutton { background-color: $base_hover_color; } - &:insensitive, &:disabled { color: transparentize($insensitive_fg_color, 0.7); } &:active { @@ -119,7 +115,6 @@ spinbutton { // FIXME: this should not be set at all, but otherwise it gets the wrong // color - &:insensitive, &:disabled { color: $insensitive_fg_color; } &:backdrop:disabled { color: $backdrop_insensitive_color; } diff --git a/Paper/gtk-3.20/widgets/_spinner.scss b/Paper/gtk-3.20/widgets/_spinner.scss new file mode 100644 index 0000000..628cb27 --- /dev/null +++ b/Paper/gtk-3.20/widgets/_spinner.scss @@ -0,0 +1,31 @@ + +/*********** + * Spinner * + ***********/ + +menu spinner { + color: $selected_bg_color; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:active, + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_switches.scss b/Paper/gtk-3.20/widgets/_switches.scss similarity index 91% rename from Paper/gtk-3.0/widgets/_switches.scss rename to Paper/gtk-3.20/widgets/_switches.scss index 9b428a8..704fb37 100644 --- a/Paper/gtk-3.0/widgets/_switches.scss +++ b/Paper/gtk-3.20/widgets/_switches.scss @@ -1,12 +1,6 @@ /********** * Switch * **********/ -GtkSwitch { - -GtkSwitch-slider-width: 16px; - -GtkSwitch-slider-height: 16px; -} - -GtkSwitch, switch { font: 1; font-weight: bold; @@ -21,7 +15,6 @@ switch { background-color: transparentize(black, 0.9); box-shadow: inset 0 0 0 1px transparentize(black, 0.95), 0px 1px $bottom_highlight; - &:insensitive, &:disabled { background-color: $insensitive_bg_color; } @@ -30,7 +23,6 @@ switch { background-color: $backdrop_bg_color; transition: $backdrop_transition; - &:insensitive, &:disabled { background-color: $insensitive_bg_color; } } @@ -42,7 +34,6 @@ switch { &:backdrop { background-color: $backdrop_selected_bg_color; - .slider, slider { &:backdrop { box-shadow:none; @@ -54,7 +45,6 @@ switch { } // Handle - .slider, slider { padding:2px; min-width: 16px; @@ -93,8 +83,7 @@ switch { } // Trough - trough, - .trough { + trough { &:active, &:checked { diff --git a/Paper/gtk-3.20/widgets/_toolbars.scss b/Paper/gtk-3.20/widgets/_toolbars.scss new file mode 100644 index 0000000..555f2ac --- /dev/null +++ b/Paper/gtk-3.20/widgets/_toolbars.scss @@ -0,0 +1,219 @@ +/************ + * Toolbars * + ************/ +%toolbar { + padding: 0px; + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + + &:backdrop { + background-color:$backdrop_headerbar_bg_color; + color:$backdrop_headerbar_fg_color; + } +} + +toolbar { + @extend %toolbar; + + // on OSD + .osd & { box-shadow:none; background-color: transparent; } + + // buttons + button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: $headerbar_fg_color; + border-radius: 0px; + padding: 10px; + + &:focus, + &:active { + color: $headerbar_fg_color; + text-shadow: none; + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + background-color: transparentize(white, 0.9); + + &:backdrop { + background-color: transparent; + color: $backdrop_headerbar_fg_color; + } + } + + &:hover { + background-color: transparentize(white, 0.9); + text-shadow: none; + color: $headerbar_fg_color; + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + } + + &:disabled { + background:none; + background-color: transparent; + color: transparentize($headerbar_fg_color,0.5); + } + + &:backdrop { + background:none; + background-color: transparent; + color: $backdrop_headerbar_fg_color; + } + } + + .separator { + color: transparent; + background-color: transparent; + } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal separator { margin: 0 7px 1px 6px; } + &.vertical separator { margin: 6px 1px 7px 0; } + +} + + +/******************* + * Inline Toolbars * + *******************/ + +%inline-toolbar, +.inline-toolbar { + + background-color: darken($bg_color, 2%); + color: $fg_color; + + border: 1px solid $borders_color; + border-top-width: 0; + border-radius: 0 0 5px 5px; + + box-shadow: inset 0 -1px 1px -2px transparentize(black, 0.5); + + padding: 0px; + + &:backdrop { + background-color: darken($bg_color, 5%); + } + + // buttons + button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: $fg_color; + border-radius: 0px; + padding: 10px; + + &:focus, + &:active { + font:bold; + color: $fg_color; + text-shadow: none; + box-shadow: none; + background-color: transparentize(black, 0.95); + + &:backdrop { + border: none; + background-color: transparent; + color: $backdrop_fg_color; + } + } + + &:hover { + background-color: transparentize(black, 0.95); + text-shadow: none; + color: $fg_color; + box-shadow: none; + } + + &:disabled { + background:none; + background-color: transparent; + color: transparentize($fg_color,0.5); + } + + &:backdrop { + border: none; + background:none; + background-color: transparent; + color: $backdrop_fg_color; + } + } + + entry { + background: none; + color: $fg_color; + border-radius: 0px; + border: none; + box-shadow: none; + + &.image { + color: $fg_color; + + &.left{ + padding-right: 6px; + } + } + + &:backdrop { + color: $backdrop_fg_color; + } + + &:selected { + color: $base_color; + background-color:$selected_bg_color; + } + } +} + + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + + +// search-bar +searchbar, +.search-bar { + @extend %darkbar; + @extend %inline-toolbar; + + padding:3px 0px; + border-width: 0; + border-radius:0; + +} + +// location-bar +.location-bar { + @extend %darkbar; + @extend %inline-toolbar; + + border-width: 0 0 1px; + padding: 3px; +} diff --git a/Paper/gtk-3.0/widgets/_tooltips.scss b/Paper/gtk-3.20/widgets/_tooltips.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_tooltips.scss rename to Paper/gtk-3.20/widgets/_tooltips.scss diff --git a/Paper/gtk-3.0/widgets/_touch-copy-paste.scss b/Paper/gtk-3.20/widgets/_touch-copy-paste.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_touch-copy-paste.scss rename to Paper/gtk-3.20/widgets/_touch-copy-paste.scss diff --git a/Paper/gtk-3.0/widgets/_treeviews.scss b/Paper/gtk-3.20/widgets/_treeviews.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_treeviews.scss rename to Paper/gtk-3.20/widgets/_treeviews.scss diff --git a/Paper/gtk-3.0/widgets/_windows.scss b/Paper/gtk-3.20/widgets/_windows.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_windows.scss rename to Paper/gtk-3.20/widgets/_windows.scss diff --git a/src/gtk3/gtk3-assets.svg b/src/gtk3/gtk3-assets.svg index 52b5b43..2374665 100644 --- a/src/gtk3/gtk3-assets.svg +++ b/src/gtk3/gtk3-assets.svg @@ -13,7 +13,7 @@ inkscape:export-ydpi="90.000000" inkscape:export-xdpi="90.000000" width="208" - height="180" + height="232" id="svg11300" sodipodi:version="0.32" inkscape:version="0.91 r13725" @@ -28,14 +28,14 @@ stroke="#ef2929" fill="#f57900" id="base" - pagecolor="#eeeeee" + pagecolor="#636363" bordercolor="#666666" borderopacity="0.25490196" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:zoom="1" - inkscape:cx="98.084325" - inkscape:cy="167.4624" + inkscape:cx="151.94396" + inkscape:cy="95.812281" inkscape:current-layer="layer2" showgrid="false" inkscape:grid-bbox="true" @@ -201,7 +201,7 @@ inkscape:groupmode="layer" inkscape:label="Checkbox Checked" id="layer1" - transform="translate(0,-120)"> + transform="translate(0,-68)"> + + selected-checkbox-checked + transform="translate(0,-68)"> + checkbox-unchecked-hover + @@ -807,7 +1041,7 @@ inkscape:label="Radio Button Checked" inkscape:groupmode="layer" style="display:inline" - transform="translate(0,-120)"> + transform="translate(0,-68)"> + radio-checked-hover + @@ -1009,7 +1321,7 @@ inkscape:groupmode="layer" inkscape:label="Radio Button Unchecked" id="g4121" - transform="translate(0,-120)"> + transform="translate(0,-68)"> + + selected-radio-unchecked + transform="translate(0,-68)"> + radio-mixed-hover + @@ -1413,129 +1881,90 @@ id="layer2" inkscape:label="Symbols" style="display:inline" - transform="translate(0,-120)"> - - - - - - + transform="translate(0,-68)"> - + d="m 24,118 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#347d9f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:new" /> + d="m 54,118 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#347d9f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + d="m 84,118 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#347d9f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + d="m 118,117 c -3.86599,0 -7,3.13401 -7,7 0,3.86599 3.13401,7 7,7 3.86599,0 7,-3.13401 7,-7 0,-3.86599 -3.13401,-7 -7,-7 z m 0,1 c 3.31371,0 6,2.68629 6,6 0,3.31371 -2.68629,6 -6,6 -3.31371,0 -6,-2.68629 -6,-6 0,-3.31371 2.68629,-6 6,-6 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#347d9f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + transform="translate(0,-118)"> + d="m 24,178 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + d="m 34.84375,178.03125 c -0.21888,0.0473 -0.420587,0.17053 -0.5625,0.34375 L 28,185.5625 l -2.25,-2.25 c -0.376328,-0.37638 -1.061193,-0.3764 -1.437545,-5e-5 -0.376352,0.37636 -0.376331,1.06122 4.5e-5,1.43755 l 3,3 0.78125,0.75 0.6875,-0.8125 7.000001,-8 c 0.567422,-0.61773 -0.115827,-1.8248 -0.937501,-1.65625 z" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:0.5;fill:#777777;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + d="m 54,178 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + d="m 84,178 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/render-gtk3-assets-hidpi.py b/src/render-gtk3-assets-hidpi.py index c192073..699b572 100755 --- a/src/render-gtk3-assets-hidpi.py +++ b/src/render-gtk3-assets-hidpi.py @@ -135,7 +135,7 @@ class ContentHandler(xml.sax.ContentHandler): height = rect['height'] id = rect['id'] - dir = os.path.join(MAINDIR, "gtk-3.0", self.context) + dir = os.path.join(MAINDIR, self.context) outfile = os.path.join(dir, self.icon_name+'@2'+'.png') if not os.path.exists(dir): os.makedirs(dir) diff --git a/src/render-gtk3-assets.py b/src/render-gtk3-assets.py index 1ab6f9f..abe5061 100755 --- a/src/render-gtk3-assets.py +++ b/src/render-gtk3-assets.py @@ -134,7 +134,7 @@ class ContentHandler(xml.sax.ContentHandler): height = rect['height'] id = rect['id'] - dir = os.path.join(MAINDIR, "gtk-3.0", self.context) + dir = os.path.join(MAINDIR, self.context) outfile = os.path.join(dir, self.icon_name+'.png') if not os.path.exists(dir): os.makedirs(dir)