Cal day view : introduce a gap for event which begin at same hour, display events...

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index abc68d6baed9b560870ac4f80f95fff7edf9d5fd..c1e079b0b6d52fcbf4fd11b317ef5308086810a2 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -1117,23 +1117,35 @@ ul.tabbed_dialog li {
        height: 302px;
 }
 
-dl.middle_of_the_day {
-       padding:0 ;
+td.events_of_the_day {
+        width: 500px;
+}
+
+.events_of_the_day dl {
        margin: 0;
-        position: absolute ;
-        top: 0;
-        left: 0;
+       padding: 0;
+       position: absolute;
+       top: 0;
+       left:0;
         width: 500px;
-        clip: rect(0px 500px 300px 0px); 
-        clip: rect(0px, 500px, 300px, 0px); 
 }
 
-.middle_of_the_day dt {
+.events_of_the_day dl dt {
        background-color: #FFFFFF;
+       margin: 0;
        padding:0 ;
         width: 100%;
         border-bottom: 1px solid grey;
+}
+
+.events_of_the_day dl dt.hour {
         height: 30px;
+       font-size: 16px;
+}
+
+.events_of_the_day dl dt.hourbefore,  .events_of_the_day dl dt.hourafter  {
+        height: 10px;
+       font-size: 8px;
 }
 
 .hour_label, .extra_events dl dt {
@@ -1148,6 +1160,13 @@ dl.middle_of_the_day {
        text-align: left;       
 }
 
+
+.extra_events ul, .extra_events ul li {
+       list-style: none;
+       margin: 0;
+       padding: 0;
+}
+
 .calday, .calout, .calweekend {
        width: 14%;
        height: 60px;
@@ -1156,9 +1175,48 @@ dl.middle_of_the_day {
 }
 
 .event {
-       opacity: .5;
+       filter:alpha(opacity=50);   /* Internet Explorer 6     */
+       -moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
+       opacity: 0.5;               /* CSS3 and Mozilla  */
+       -moz-border-radius: 8px;    /* CSS3 and Mozilla  */
        border: solid 1px red;
        background-color: yellow;
        z-index: 10;
+       padding: 0 4px 0 4px; 
+}
+
+.event a {
+   filter:alpha(opacity=100); 
+   -moz-opacity:1.0;         
+   opacity: 1.0;            
+}
+
+.mini_calendar {
+   color: #fff;
+}
+
+.mini_calendar a {
+   color: #fff;
+}
+
+.mini_calendar a: link,.mini_calendar a:visited {
+   color: #fff;
+}
+
+.mini_calendar a:hover,.mini_calendar a:active {
+   color: #fff;
+   background-color: #AD1C00;
+}
+
+.mini_calendar td a {
+   color: #fff;
+}
+
+.mini_calendar td a: link,.mini_calendar td a:visited {
+   color: #fff;
 }
 
+.mini_calendar td a:hover,.mini_calendar td a:active {
+   color: #fff;
+   background-color: #AD1C00;
+}