User:Ssitter/UserChrome2

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

Small enhancements (in my opinion) for Sunbird/Lightning 0.3 look

How to use it? Go to your Sunbird/Thunderbird profile folder and find the "chrome/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;
}