Add CSS test file

1 files changed, 98 insertions, 0 deletions

diff --git a/rcm.css b/rcm.css
new file mode 100644
index 0000000..e170d73
--- /dev/null
+++ b/rcm.css
@@ -0,0 +1,98 @@
+@define-color entry-color shade (@bg_color, 0.7);
+@define-color remote-border #aaaaaa;
+
+#RemoteControlClientWindow {
+}
+
+.tooltip {
+	font: monospace 12;
+}
+
+#RemoteControlClientRemoteLabel {
+	background-color: #d0e4f7;
+	border: 2px solid @remote-border;
+	padding: 4px;
+}
+
+#RemoteControlClientRemoteFrame {
+	background-image: -gtk-gradient (linear,
+					 left top,
+					 left bottom,
+					 from (#d0e4f7),
+					 color-stop (0.5, darker (#d0e4f7)),
+					 to (#fdffff));
+	border: 2px solid @remote-border;
+	margin: 24px;
+}
+
+#RemoteControlClientRemoteFrame GtkButton:hover {
+	border-image: none;
+	background-image: none;
+	background-color: green; 
+	padding: 0px; 
+}
+
+#RemoteControlClientRemoteFrame GtkToggleButton:checked {
+	border-image: none;
+	background-image: none;
+	padding: 0px; 
+	background-image: -gtk-gradient (linear,
+					 left top,
+					 left bottom,
+					 from (#FFFF66),
+					 to (#fdffff));
+}
+
+#RemoteControlClientRemoteFrame GtkToggleButton {
+	border-image: none;
+	background-image: none;
+	padding: 0px; 
+	font: sans-serif 12;
+	background-image: -gtk-gradient (linear,
+					 left top,
+					 left bottom,
+					 from (#d0e4f7),
+					 color-stop (0.5, lighter (#d0e4f7)),
+					 to (#fdffff));
+}
+
+/*
+#RemoteControlClientRemoteFrame GtkButton:active {
+	border-image: none;
+	background-image: none;
+	background-color: yellow; 
+	padding: 0px; 
+}
+*/
+
+#RemoteControlClientRemoteFrame GtkButton {
+/*
+	//border-image: none;
+	//background-image: none;
+	//background-color: green; 
+	//padding: 0px; 
+	//-GtkButton-image-spacing: 0px;
+	//-GtkButton-inner-border: 0px;
+*/
+	background-color: @entry-color;
+	color: #8888ea;
+	font: sans-serif 12;
+}
+
+#RemoteControlClientRemoteFrame GtkButton GtkImage {
+	margin: 0px;
+	padding: 0px;
+}
+
+#RemoteControlClientFixed {
+	background-color: @entry-color;
+	border-width: 100px;
+}
+
+/*
+.button:hover {
+	transition: 300ms ease-in-out;
+	background-color: yellow;
+}
+*/
+