User:Ssitter/UserChrome2

From MozillaWiki
< User:Ssitter
Revision as of 19:41, 11 October 2006 by Ssitter (talk | contribs)
Jump to navigation Jump to search

Small enhancements (in my opinion) for Sunbird 0.3 look

How to use it? Go to the "chrome" folder in your Sunbird profile folder and find the "userChrome.css" file. Create folder and file if nonexistent. Put the following code into that file:

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/*
==================================================
 LIGHTNING Sidebar cleanup
==================================================
*/

/* Hide the datepicker textbox */
#ltnDateTextPickerBox { 
  display: none !important;
}

/* Hide the calendar management buttons */
#ltnCalendarButtonsBox { 
  display: none !important;
}

/* Minimonth uses full width */
#ltnMinimonthBox spacer { 
  display: none !important;
}

/* Hide the filter box in Agenda tab */
#agenda-tab-panel hbox label, 
#agenda-tab-panel hbox menulist { 
  display: none !important;
}

/*
==================================================
 NAVIGATION buttons (above view)
==================================================
*/

/* Bigger font for all buttons */
.title-label-box button {
  font-size: 2em !important;
  font-weight: bold !important;
}

/* Hide buttons +2/-2 day/week/month */
.title-label-box .title2 { 
  display: none !important;
}

/*
==================================================
 MULTIWEEK and MONTH view 
==================================================
*/

/* Bigger font for title row with day names */
calendar-month-view-column-header { 
  font-size: 1.1em !important;
  font-weight: bold !important;
}

/* Bigger font and small border for event boxes */
calendar-month-day-box-item {
  font-size: 12px !important;
  padding: 1px !important;
  border: 1px solid #999999;
}

/*
==================================================
 DAY and WEEK view 
==================================================
*/

.calendar-day-label-date {
  font-size: 1em !important;
}
.calendar-day-label-name {
  font-size: 1.4em !important;
}