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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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 @@
+
+
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)">
+
+ assets
+ checkbox-checked-insensitive-backdrop
+
+
+
+ assets
+ checkbox-checked-active
+
+
selected-checkbox-checked
+ transform="translate(0,-68)">
+
+ assets
+ checkbox-unchecked-insensitive-backdrop
+
+
checkbox-unchecked-hover
+
+ assets
+ checkbox-unchecked-active
+
+
selected-checkbox-unchecked
+ transform="translate(0,-68)">
+
+ assets
+ checkbox-mixed-insensitive-backdrop
+
+
+
+ assets
+ checkbox-mixed-active
+
+
@@ -807,7 +1041,7 @@
inkscape:label="Radio Button Checked"
inkscape:groupmode="layer"
style="display:inline"
- transform="translate(0,-120)">
+ transform="translate(0,-68)">
+
+ assets
+ radio-checked-insensitive-backdrop
+
+
radio-checked-hover
+
+ assets
+ radio-checked-active
+
+
@@ -1009,7 +1321,7 @@
inkscape:groupmode="layer"
inkscape:label="Radio Button Unchecked"
id="g4121"
- transform="translate(0,-120)">
+ transform="translate(0,-68)">
+
+ assets
+ radio-unchecked-insensitive-backdrop
+
+
+
+ assets
+ radio-unchecked-active
+
+
selected-radio-unchecked
+ transform="translate(0,-68)">
+
+ assets
+ radio-mixed-insensitive-backdrop
+
+
radio-mixed-hover
+
+ assets
+ radio-mixed-active
+
+
@@ -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)