Event box rounding CSS - Sunbird

Preview: Image:Sunbird-0.9-dayview-with-events-rounded.png

/* CalendarEventBoxRounded.css

   To give your event boxes rounded corners,
   save this css in your profile [1] chrome directory,
   and import this CSS in your userChrome.css [2].

   For Sunbird, the userChrome.css path may be something like the following
   w2k: %APPDATA%\Mozilla\Sunbird\Profiles\NNNNN.default\chrome\userChrome.css
   gnu/linux: ~/.mozilla/sunbird/NNNNNN.default/chrome/userChrome.css
 
   1. Save this file in your profile as chrome/CalendarEventBoxRounded.css
   2. Add the following to profile file chrome/userChrome.css (create if none):
     @import url("CalendarEventBoxRounded.css");

   Tested on Sunbird 0.9. */

/* Day View, Week View */
calendar-event-box,
calendar-event-box .calendar-color-box,
calendar-event-box .calendar-event-selection { 
  -moz-border-radius: 1em;
}
calendar-event-box vbox.category-color-box {
  -moz-border-radius-topright:    1em;
  -moz-border-radius-bottomright: 1em;
}

/* Month View, Multiweek View, Day View All Day, Week View All Day */
calendar-month-day-box-item .calendar-color-box, 
calendar-month-day-box-item .calendar-event-selection,
calendar-header-container .calendar-color-box,
calendar-header-container .calendar-event-selection { 
  -moz-border-radius: .4em;
}
calendar-month-day-box-item .category-color-box,
calendar-header-container .category-color-box {
  -moz-border-radius-topright:    0.4em;
  -moz-border-radius-bottomright: 0.4em;
}

/* This file is at
     http://kb.mozillazine.org/Event_box_rounding_CSS_-_Sunbird
*/