event-widget: make more CSS compliant

There are some other changes: 1. Renamed widget class to "event-widget" to avoid collisions 2. Added contrasting event title coloring 3. Use gtk_render functions
2014-12-04 17:10:48 -05:00
parent 5397a1e4ba
commit 5a1f12ad00
2 changed files with 59 additions and 22 deletions
@@ -36,15 +36,32 @@
    font: bold;
 }

-.event {
-    border: darker(@borders) 1px solid;
+.event-widget {
    border-radius: 2px;
    margin-top: 3px;
    margin-left: 6px;
    margin-bottom: 3px;
    margin-right: 6px;
    padding: 4px;
-    font: 9;
+    font: 10;
+}
+
+GcalEventWidget.color-dark {
+    color: white;
+    outline-color: rgba(0, 0, 0, 0.3);
+}
+
+GcalEventWidget.color-dark:backdrop {
+    color: rgba(255, 255, 255, 0.3);
+}
+
+GcalEventWidget.color-light {
+    color: black;
+    outline-color: rgba(255, 255, 255, 0.5);
+}
+
+GcalEventWidget.color-light:backdrop {
+    color: rgba(0, 0, 0, 0.3);
 }

 .event-details .frame {