Implemented drag and drop for the new sticky notes view.

[citadel.git] / webcit / static / webcit.css

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 9f498030779dc5f8357d582f3d0c7d0eb6f4b8cb..537a2ce7ff99b6c04ea9706a1c2a6b76a9c78727 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -1230,7 +1230,7 @@ td.events_of_the_day {
        vertical-align: top;
 }
 
-.event {
+.event_framed_unread {
        filter:alpha(opacity=50);   /* Internet Explorer 6     */
        -moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
        opacity: 0.5;               /* CSS3 draft and Mozilla  */
@@ -1241,7 +1241,45 @@ td.events_of_the_day {
        padding: 0 4px 0 4px; 
 }
 
-li.event span, a.event_title {
+li.event_framed_unread span, a.event_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.event_framed_read {
+       filter:alpha(opacity=50);   /* Internet Explorer 6     */
+       -moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
+       opacity: 0.5;               /* CSS3 draft and Mozilla  */
+       -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+       border: solid 1px red;
+       background-color: yellow;
+       z-index: 10;
+       padding: 0 4px 0 4px; 
+}
+
+li.event_framed_read span, a.event_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.event_read {
+}
+
+li.event_read span, a.event_read_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.event_unread {
+}
+
+li.event_unread span, a.event_read_title {
        filter:alpha(opacity=100); 
        -moz-opacity:1.0;         
        opacity: 1.0;
@@ -1284,3 +1322,20 @@ li.event span, a.event_title {
        padding: 4px;
 }
 
+.stickynote_outer {
+       position: relative;
+       width: 200px;
+       height: 200px;
+       border: 1px solid black;
+       background-color: #ffff00;
+       overflow: hidden;
+}
+
+.stickynote_titlebar {
+       position: relative;
+       width: 100%;
+       height: 15px;
+       top: 0px;
+       left: 0px;
+       background-color: #888800;
+}