Event box rounding CSS - Sunbird: Difference between revisions

From MozillaZine Knowledge Base
Jump to navigationJump to search
(new version for 0.9)
m (add missing references)
Line 2: Line 2:


  /* CalendarEventBoxRounded.css
  /* CalendarEventBoxRounded.css
  *
    To give your event boxes rounded corners,
  * To give your event boxes rounded corners,
    save this css in your profile [1] chrome directory,
  * save this css in your profile [1] chrome directory,
    and import this CSS in your userChrome.css [2].
  * and import this CSS in your userChrome.css [2].
  *
    For Sunbird, the userChrome.css path may be something like the following
  * For Sunbird, the userChrome.css path may be something like the following
    w2k: %APPDATA%\Mozilla\Sunbird\Profiles\NNNNN.default\chrome\userChrome.css
  * w2k: %APPDATA%\Mozilla\Sunbird\Profiles\NNNNN.default\chrome\userChrome.css
    gnu/linux: ~/.mozilla/sunbird/NNNNNN.default/chrome/userChrome.css
  * gnu/linux: ~/.mozilla/sunbird/NNNNNN.default/chrome/userChrome.css
    
   *
    1. Save this file in your profile as chrome/CalendarEventBoxRounded.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):
  * 2. Add the following to profile file chrome/userChrome.css (create if none):
      @import url("CalendarEventBoxRounded.css");
  *  @import url("CalendarEventBoxRounded.css");
  *
    Tested on Sunbird 0.9. */
  * Tested on Sunbird 0.9.
  *
  * References:
  * [1] Where is my profile folder?
  *    (http://kb.mozillazine.org/Profile_folder#Where_is_my_profile_folder.3F)
  * [2] Customizing Mozilla: User CSS
  *    (http://www.mozilla.org/unix/customizing.html)
*/
   
   
  /* Day View, Week View */
  /* Day View, Week View */

Revision as of 14:31, 2 November 2008

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.
 *
 * References:
 * [1] Where is my profile folder?
 *     (http://kb.mozillazine.org/Profile_folder#Where_is_my_profile_folder.3F)
 * [2] Customizing Mozilla: User CSS
 *     (http://www.mozilla.org/unix/customizing.html)
*/

/* 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
*/