User:Ssitter/UserChrome2

From MozillaWiki
Jump to: navigation, search
Ambox outdated.png THIS PAGE MAY BE OUTDATED
This article is in parts, or in its entirety, outdated. Hence, the information presented on this page may be incorrect, and should be treated with due caution until this flag has been lifted. Help by editing the article, or discuss its contents on the talk page.

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;
}