Add CSS files in a GResource

resource:///com/endlessm/sdk/ is now the official GResource path for SDK
resources. Right now the GResource contains reset.css (from GTK) and
endless-widgets.css (from eos-theme).

[endlessm/eos-sdk#125]

2 files changed, 119 insertions, 0 deletions

diff --git a/data/css/endless-widgets.css b/data/css/endless-widgets.css
new file mode 100644
index 0000000..faf1e38
--- /dev/null
+++ b/data/css/endless-widgets.css
@@ -0,0 +1,51 @@
+/* Wipe all theming CSS to start with */
+
+@import url("resource:///com/endlessm/sdk/css/reset.css");
+
+/* Endless window top bar */
+
+.top-bar {
+    background-image: -gtk-gradient(linear, center top, center bottom,
+        from(#3c3c3c), to(#292929));
+}
+
+.top-bar .button {
+    padding: 0px;
+    background-image: none;
+    border-width: 0px;
+    border-radius: 2px;
+    border-image: none;
+}
+
+.top-bar .button:hover {
+    background-image: -gtk-gradient(linear, left bottom, left top,
+        color-stop(0.98, rgb(131,131,131)),
+        color-stop(0.95, rgb(108,108,108)),
+        color-stop(0, rgb(68,68,68)));
+}
+
+.top-bar .button:active {
+    background-image: -gtk-gradient(linear, left bottom, left top,
+        color-stop(0.98, rgb(79,79,79)),
+        color-stop(0.95, rgb(71,71,71)),
+        color-stop(0, rgb(67,67,67)));
+}
+
+.top-bar .button:backdrop {
+    color: #8a8a8a;
+    background-image: none;
+    background-color: transparent;
+}
+
+/* Topbar icon colors */
+.top-bar .button * {
+    color: #8a8a8a;
+}
+
+.top-bar .button *:hover {
+    color: #ffffff;
+}
+
+.top-bar .button *:active {
+    color: #8a8a8a;
+}
diff --git a/data/css/reset.css b/data/css/reset.css
new file mode 100644
index 0000000..1c27a8e
--- /dev/null
+++ b/data/css/reset.css
@@ -0,0 +1,68 @@
+/* @import this colorsheet to get the default values for every property.
+ * This is useful when writing special CSS tests that should not be
+ * inluenced by themes - not even the default ones.
+ * Keep in mind that the output will be very ugly and not look like
+ * anything GTK.
+ * Also, when adding new style properties, please add them here.
+ */
+
+* {
+  color: inherit;
+  font-size: inherit;
+  background-color: initial;
+  font-family: inherit;
+  font-style: inherit;
+  font-variant: inherit;
+  font-weight: inherit;
+  text-shadow: inherit;
+  icon-shadow: inherit;
+  box-shadow: initial;
+  margin-top: initial;
+  margin-left: initial;
+  margin-bottom: initial;
+  margin-right: initial;
+  padding-top: initial;
+  padding-left: initial;
+  padding-bottom: initial;
+  padding-right: initial;
+  border-top-style: initial;
+  border-top-width: initial;
+  border-left-style: initial;
+  border-left-width: initial;
+  border-bottom-style: initial;
+  border-bottom-width: initial;
+  border-right-style: initial;
+  border-right-width: initial;
+  border-top-left-radius: initial;
+  border-top-right-radius: initial;
+  border-bottom-right-radius: initial;
+  border-bottom-left-radius: initial;
+  outline-style: initial;
+  outline-width: initial;
+  outline-offset: initial;
+  background-clip: initial;
+  background-origin: initial;
+  background-size: initial;
+  background-position: initial;
+  border-top-color: initial;
+  border-right-color: initial;
+  border-bottom-color: initial;
+  border-left-color: initial;
+  outline-color:  initial;
+  background-repeat: initial;
+  background-image: initial;
+  border-image-source: initial;
+  border-image-repeat: initial;
+  border-image-slice: initial;
+  border-image-width: initial;
+  transition-property: initial;
+  transition-duration: initial;
+  transition-timing-function: initial;
+  transition-delay: initial;
+  engine: initial;
+  gtk-key-bindings: initial;
+
+  -GtkWidget-focus-line-width: 0;
+  -GtkWidget-focus-padding: 0;
+  -GtkNotebook-initial-gap: 0;
+}