Post your userFiles!

Discuss application theming and theme development.
Locked
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Greg S wrote:Hi bozz,
I haven't dl'd Tbird yet but probably will in the next day or so. Been kinda busy the last few days. Thanks for the tips!
No problem. Not in any hurry. :wink:
Last edited by Old Bozz on May 16th, 2005, 2:31 pm, edited 1 time in total.
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

^^^
Last edited by Old Bozz on March 20th, 2006, 12:05 pm, edited 1 time in total.
User avatar
gahbmwM5
Posts: 1060
Joined: June 21st, 2003, 12:31 pm
Location: USA

Post by gahbmwM5 »

Very interesting and useful info, so I thought this would the idea thread to hopefully get some knowledgable member(s) assistance with what I trying to accomplish here. I presently use Winstripe and Qute3, both go very well with the LunaElement2 VS...

With Qute3, Arvid has gracious posted on his website some 'customization code' that can be put into ones userChrome.css for various tweaks/effects:

/* Less bookmark button spacing */
.bookmark-item > .toolbarbutton-text {
margin: 0 1px !important;
}

This code spaces the Bookmark Folder 'text' closer to the actual Bookmark Folder, which I like:

Image


I would like to get this same effect with Winstripe:
Is there a code that I can also put in my userChrome.css to get this look: Thanks

Image
Mozilla/5.0 (Windows NT 6.0; rv:2.0b7) Gecko/20100101 Firefox/4.0b7
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Just grabbing a couple of ID's from this thread.

#PersonalToolbar or #personal-bookmarks toolbarbutton or with padding: 0px !important;
User avatar
gahbmwM5
Posts: 1060
Joined: June 21st, 2003, 12:31 pm
Location: USA

Post by gahbmwM5 »

Hi bozz,

Thanks for your reply, unfortunately I tried this line in my userChrome.css:

#personal-bookmarks toolbarbutton with padding: 0px !important;

Not sure if I need to add some other characters/format, but there was no change in Bookmark Toolbar folders and text...looks exactely like above...

btw: it was entered below this line in userChrome.css:

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/

EDIT-See Below

lol...yes I have examined the various .css codes on all 3 pages...I think that this .css code will do the trick

/*allows increase or decrease of padding or margin around icons selected for bookmarks */
#personal-bookmarks toolbarbutton {
margin: 0px 2px 0px 2px !important;
padding: 0px 0px 0px 0px !important
}

:) Very nice, works beautifully...
Mozilla/5.0 (Windows NT 6.0; rv:2.0b7) Gecko/20100101 Firefox/4.0b7
User avatar
arandor
Posts: 155
Joined: November 5th, 2004, 1:27 pm
Location: USA

Post by arandor »

Hello all. Here's my userChrome I designed to mimic the look of Apple Mail in Mac OS X 10.4 "Tiger". Enjoy. :-)

Code: Select all

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/*
 * Mac OS X 10.4 "Tiger" Mail Thunderbird userChrome.css
 *
 */
 
/*

The code in this file assumes you are using the default label colors. If
you are not, then you can modify the file to match your custom colors.
Just scroll down to the section marked "Labels", and you will see where
you need to replace the default colors with your custom colors.

If you are using custom label colors and you do not modify the file, it
will simply use the standard highlight colors instead of your label
colors.

The code also assumes you are using the default background color (white)
and foreground color (black). If you are not and you would like to
change those values back to the defaults to get the best match for the
settings in this file, then you may edit the values in your prefs
(about:config, prefs.js, or user.js) using the following settings.

user_pref("browser.display.background_color", "#FFFFFF");
user_pref("browser.display.foreground_color", "#000000");

*/

/*
================================================================
FOLDER PANE (MAILBOXES)
================================================================ */

/* Change properties for folder pane. */
#folderTree {
   background-color: #ECF0F8 !important;
   font-size: 12px;}

/*
Change properties for rows in the folder pane
containing text (mailbox names). */
#folderTree > treechildren::-moz-tree-row {
   background: none !important;
   background-color: #ECF0F8 !important;
   border: 2px solid transparent !important;
   height: 22px !important;}
   
#folderTree > treechildren::-moz-tree-row(selected) {
   background-color: #A4B3CB !important;}

/* Change properties when items are hovered over a cell. */
#folderTree > treechildren::-moz-tree-cell(primary,dropOn) {
   background-color: #CDDCF3 !important;
   color: transparent !important;
   /* border-right required to offset #folderTree default property. */
   border-right: 2px solid #3875D7 !important; }

/* Change properties of text when items are hovered over a cell. */
#folderTree > treechildren::-moz-tree-cell-text(primary, dropOn) {
  color: #000000 !important;}
 
/* Change properties of the row when items are hovered over a cell. */
#folderTree > treechildren::-moz-tree-row(dropOn) {
   -moz-border-radius: 5px !important;
   border-color: #3875D7 !important;}

/*
================================================================
THREAD PANE (MESSAGE LIST)
================================================================ */

/* Change properties of thread pane. */
#threadTree {
   background-color: #FFFFFF !important;
   font-size: 12px !important;}

/*
Change properties of the column headers of the thread pane. */
#threadTree > treecols {
   font-family: inherit !important;
   font-size: 11px !important;}

/*
Change properties for each row in the thread pane.
Disables alternating row background color. */
#threadTree > treechildren::-moz-tree-row {
   background-image: none !important;
   background-color: #FFFFFF !important;
   border: 0 !important;
   border-bottom: 1px solid #FFFFFF !important;}
   
/*
Change properties of row containing first message in a
thread or "grouped by sort" titles (since both of these are
considered "container" rows). */
#threadTree > treechildren::-moz-tree-row(container) {
   background-color: #CDDCF3 !important;}
   
/*
Change properties of text in "group by sort" titles. */
#threadTree > treechildren::-moz-tree-cell-text(dummy) {
   background: none !important;
   background-color: transparent !important;
   font-weight: bold !important;}

/* Change properties for selected rows. */
#threadTree > treechildren::-moz-tree-row(selected) {
   background-color: #D4D4D4 !important;}

#threadTree > treechildren::-moz-tree-cell-text(selected) {
   background: none !important;
   background-color: transparent !important;}

#threadTree > treechildren::-moz-tree-row(selected, focus) {
   background-color: #3875D7 !important;}

#threadTree > treechildren::-moz-tree-cell-text(selected,focus) {
   background: none !important;
   background-color: transparent !important;
   color: white !important;}

/* Labels */

   /*
   When disabling the alternating row background color, the
   following items are required to maintain highlighting by label
   color for a selected message. If the default label colors
   have been changed, the custom color values should be entered
   for the corresponding label. */
   
   /* Label 1 (Corresponds to pref "mailnews.labels.color.1") */
   #threadTree treechildren::-moz-tree-row(selected, lc-FF0000) {
      /* background: url("tree-hilite.png") repeat-x !important; */
      background-color: #FF0000 !important;}
   
   /* Label 2 (Corresponds to pref "mailnews.labels.color.2") */
   #threadTree treechildren::-moz-tree-row(selected, lc-FF9900 {
      /* background: url("tree-hilite.png") repeat-x !important; */
      background-color: #FF9900 !important;}
   
   /* Label 3 (Corresponds to pref "mailnews.labels.color.3") */
   #threadTree treechildren::-moz-tree-row(selected, lc-009900) {
      /* background: url("tree-hilite.png") repeat-x !important; */
      background-color: #009900 !important;}
   

   /* Label 4 (Corresponds to pref "mailnews.labels.color.4") */
   #threadTree treechildren::-moz-tree-row(selected, lc-3333FF) {
      /* background: url("tree-hilite.png") repeat-x !important; */
      background-color: #3333FF !important;}
   
   /* Label 5 (Corresponds to pref "mailnews.labels.color.5") */
   #threadTree treechildren::-moz-tree-row(selected, lc-993399) {
      /* background: url("tree-hilite.png") repeat-x !important; */
      background-color: #993399 !important;}

/*
================================================================
MESSAGE PANE
================================================================ */

/*
The background and foreground (text) color of the message
pane must be changed in the prefs (about:config, prefs.js, or
user.js) using the following settings.

Change background color of message pane
user_pref("browser.display.background_color", "#FFFFFF");

Change foreground (text) color of message pane
user_pref("browser.display.foreground_color", "#000000"); */

/* Header */
   
   /* Change properties of message pane behind header box */
   #msgHeaderView {
      background-color: #FFFFFF !important;}

   /* Change properties of header box. */
   #msgHeaderView > vbox {
      background-color: #FFFFFF !important;
      border-bottom: #CECECE !important;
      border-width: 0 0 1px 0 !important;
      border-style: none none solid none !important;
      -moz-border-radius: 0 !important;
      margin: 6px !important;
      padding: 6px 6px 4px 4px !important;}
   
   /* Change the labels "Subject", "From", "Date", etc. in the header box. */
   .headerNameBox {
      color: #8E8E8E !important;
      font-family: Arial !important;
      font-size: 13px !important;}

   /* Change font and size for the values of "Subject", "Date", etc. in the header box. */
   .headerValue {
      font-family: Arial !important;
      font-size: 13px !important;}
      
   /* Change font and size for the values of "From" and "To" in the header box. */
   .emailDisplayButton {
      font-family: Arial !important;
      font-size: 13px !important;}
      
   /* Remove silhouette icons beside "From" and "To" values in the header box. */
   .emailDisplayImage {
      list-style-image: none !important;}
   
   .emailDisplayImage:hover, .emailDisplayImage[open] {
      list-style-image: none !important;}

   /*
   Remove disclosure triangle to collapse and expand headers.
   Optional for "Tiger" look.
   .expandHeaderViewButton {
     list-style-image: none !important;}
   
   .collapsedHeaderViewButton  {
     list-style-image: none !important;} */

/* Attachments */
   
   /*
   Change properties for the backmost layer of the message
   pane. Only displays behind attachments box. */
   #messagepanebox {
      background-color: #FFFFFF !important;}

   /* Change properties of attachments box. */
   #attachmentView {
      background-color: #FFFFFF !important;
      border-top: #CECECE !important;
      border-width: 1px 0 0 0 !important;
      border-style: solid none none none !important;
      -moz-border-radius: 0 !important;}
   
   /*Change properties of the "Attachments:" label in the attachments box. */
   #attachmentLabel {
      color: #8E8E8E !important;
      font-family: Arial !important;
      font-size: 13px !important;}
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Hello all. Here's my userChrome I designed to mimic the look of Apple Mail in Mac OS X 10.4 "Tiger". Enjoy. Smile

Hey this is great. Merging into Thunderbird userfiles. Here goes...

userChrome.css

Code: Select all

/*****  Backgrounds  *****/

/* green1.jpg */
#mail-toolbar-menubar, #compose-toolbar-menubar, statusbarpanel
{ -moz-appearance: none !important;
  background-image: url("file:///C:/_Mozilla/Thunderbird/Backgrds/blue1.jpg") !important;  }

/* green2.jpg */
#abContactsPanel #toButton, #abContactsPanel #bccButton,
treecol, .menulist-dropmarker, .treecol-image, #folderPaneHeader
{ -moz-appearance: none !important;
  background-image: url("file:///C:/_Mozilla/Thunderbird/Backgrds/blue2.jpg")  !important; }

/* green3.jpg */
#results_box, #FormatToolbar, menupopup, #toolbar-context-menu, #contentAreaContextMenu, #headers-box, #addressbookList,
#compose-toolbar-sizer, popup > menuitem, #GeneratedName,
#ParagraphSelect, #FontFaceSelect
{ -moz-appearance: none !important;
  background-image: url("file:///C:/_Mozilla/Thunderbird/Backgrds/blue3.jpg") !important; }

/* Add background to Address's lines, To columns & Subject line */
#addressingWidget textbox, #addressingWidget, #msgSubject,
#addressingWidget menulist
{ -moz-appearance: none !important;
 background-color: #EDEDED !important; }

/* Menu popup hover item background */
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"]
{ -moz-appearance: none !important;
  background-image: url("file:///C:/_Mozilla/Thunderbird/Backgrds/blue1.jpg") !important;
  color: #000000 !important;
  border: #D1FFFF 1px solid !important;
  -moz-border-radius: 4px !important;
  -moz-border-corner-fit: scale !important;}

/* Add border to popup menus CCFFF1*/
 menupopup, popup
{ border: 1px solid !important;
 -moz-border-top-colors: #CCFFF1 !important;
 -moz-border-right-colors: #CCFFF1 !important;
 -moz-border-bottom-colors: #CCFFF1 !important;
 -moz-border-left-colors: #CCFFF1 !important;
  padding: 2px !important;
  min-width: 1px !important;
  background-color: none !important; }



/*---Compose Window tweaks---*/

/* Toolbar height */
#compose-toolbar-menubar
{ height: 23px !important; }

/* Reduce the mail compose address window height...
apply this along with mail.jar hack to adjust for flex */
#MsgHeadersToolbar {
min-height: 26px !important; }

/* Removes From: label */
#addresses-box hbox > label[control="msgIdentity"]
{ display: none !important; }

/* Removes the From address box */
#msgIdentity { display: none !important;  }

/* Hides the blue folder icon in Addresses lines */
.person-icon {
  margin: 0 1px !important;
  list-style-image: none !important; }

/* Changes width of To column */
#typecol-addressingWidget {
  min-width: 4em !important; }

/* Remove border around To column cells */
.menulist-compact  {
  border: none !important; }

/* Change size of dropmarker in To column */
.menulist-compact > .menulist-dropmarker {
max-width: 10px !important;
max-height: 18px !important; }

/* Contacts sidebar & Format bar */
.menulist-dropmarker{
max-width: 14px !important;
max-height: 18px !important; }

/* Changes the light blue lines in To addresses box */
.addressingWidgetCell, .dummy-row-cell:first-child
{  border-bottom: 1px solid #B0B0B0 !important; }
#typecol-addressingWidget
{  border-right: none !important; }

/* Space between Format bar & Subject */
#headers-box
{ max-height: 88px !important; }

/* Adjust Compose window sizer */
#compose-toolbar-sizer {
max-height: 6px !important; }

/* Remove the Attachments splitter, label
and size the pane */
#attachmentbucket-sizer, #attachmentBucketText
{ display: none !important; }
#attachmentBucket
{ width: 125px !important;
-moz-appearance: none !important;
 background-color: #F6F6F6 !important; }

/* Format bar tweaks
#ParagraphSelect, #FontFaceSelect,
#ParagraphPopup, #FontFacePopup
{ -moz-appearance: none !important;
 background-color: #C0C0C0 !important; }*/

#FontFacePopup {
-moz-appearance: none !important;
max-height: 330px !important; }

#popup-internal-box, scrollbar[orient=vertical]
{ -moz-appearance: none !important;
 background-color: #C6C6C6 !important;
 max-width: 15px !important; }

#InsertPopupButton { display: none !important; }



/*****  Contacts Sidebar  *****/

/* Hides the Contacts box...click Contacts menu to open/close */
#msgcomposeWindow vbox > sidebarheader
{ display: none !important; }

/* Contacts Sidebar tweaks (see Other id's below) */
#abContactsPanel vbox > label,
#abContactsPanel #searchInput,
#abContactsPanel #ccButton
{ display: none !important; }

#sidebar-title { max-height: 16px !important; }
#abContactsPanel separator { height: 0px !important }

#addressbookList {
max-height: 22px !important;
margin-left: 0px !important;
margin-right: 0px !important; }

/*#abResultsTree > treechildren
{ background-color: #EDEDED !important; }*/

/* Highlight Name and background */
#abResultsTree > treechildren::-moz-tree-row(selected) {
  background-color: #DAE3E3 !important;
  border: 0px !important; }
#abResultsTree > treechildren::-moz-tree-row(selected, focus) {
  background-color: #007799 !important;
  border: 0px !important; }
#abResultsTree > treechildren::-moz-tree-cell-text(selected) {
  color: #003300 !important;
  font-weight: bold !important; }
#abResultsTree > treechildren::-moz-tree-cell-text(selected, focus) {
  color: #D1FFFF !important; }

/* Sidebar width and splitter */
#sidebar { min-width: 0px !important;
  max-width: 122px !important; }
#sidebar-splitter { min-width: 0px !important;
  max-width: 4px !important; }

/* Set To and BCC button position */
#abContactsPanel #toButton
{ max-height: 21px !important;
   margin-top: 1px !important;
   margin-bottom: 1px !important;
   margin-left: 20px !important;
   margin-right: 20px !important;  }

#abContactsPanel #bccButton
{ max-height: 21px !important;
   margin-top: 1px !important;
   margin-bottom: 1px !important;
   margin-left: 23px !important;
   margin-right: 23px !important; }

/* Hide Contacts Sidebar scrollbar_still scrollable with mouse wheel */
#abResultsTree, scrollbar[orient=vertical] { width: 0px !important; }

/*#results_box
{ -moz-appearance: none !important;
   max-height: 300px !important; }*/



/*  Other id's for Contacts side bar tweaks for reference
#abContactsPanel separator, #abContactsPanel vbox > label, #abContactsPanel #searchInput, #abContactsPanel #toButton, #abContactsPanel #ccButton {
display: none !important; } */
/* #abResultsTree > treechildren, #sidebar-title, #addressbookList,
#abContactsPanel #searchInput, #abResultsTree
{  font-size: 12pt !important; }
#abContactsPanel vbox > label
{  font-size: 11pt !important; }
#abContactsPanel hbox
{  font-size: 11pt !important; }*/



/*****  Browser  *****/

/* Fonts */
menubar, menubutton, menulist, menu, menuitem, textbox,
toolbar, tree, tooltip, sidebarheader, statusbar, commonDialog,
#abContactsPanel #toButton, #abContactsPanel #bccButton
{  font-size: 9pt !important;
    font-family: Times New Roman !important; }

/* Toolbar tweaks */
#mail-toolbar-menubar
{ max-height: 23px !important; }
toolbar[mode="full"] .toolbarbutton-1 {
min-width: 0px !important; }
toolbarbutton {
padding: 0px !important; }

/* Remove toolbar borders */
menubar, toolbar, toolbox
{ border: none !important; }

/*Tree column picker main window & Contacts sidebar */
.treecol-image{
max-width: 16.5px !important;  }


/** Message pane **/

/* Adjust Message pane Messages row height */
#threadTree treechildren:-moz-tree-row {
  height: 20px !important; }

/* Add solid or dashed to Message pane 'change null'
#threadTree treechildren:-moz-tree-row {
border-bottom: 1px solid #E1E1E1 !important; } */

/*#folderTree {
-moz-appearance: none !important;
background-color: #CCCCFF !important; }*/

/* Folderpane(bckgrd color/text) & Messagepane, Previewpane,
Composepane, Contacts(bckgrd color) */
treechildren {
background-color: #EDEDED !important;
font-family: Times New Roman !important;
font-size: 13px !important; }

/* Messagepane text #CC0000 #D50000*/
treechildren:-moz-tree-cell-text(unread) {
font-size: 10pt !important;
font-family: Times New Roman !important;
font-weight: bold !important;
color: #D50000 !important; }

treechildren:-moz-tree-cell-text(read) {
font-size: 10pt ! important;
font-family: Times New Roman !important;
font-weight: bold !important; }

/* Selected message background and font color #DAE3E3 #CDD7DA  #B8CED4*/
#threadTree > treechildren::-moz-tree-row(selected) {
  background-color: #DAE3E3 !important; }
#threadTree > treechildren::-moz-tree-row(selected, focus) {
  background-color: #007799 !important;
  border-top: 1px dotted #B0B0B0 !important;
  border-bottom: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important; }
#threadTree > treechildren::-moz-tree-cell-text(selected) {
  color: #003300 !important; }
#threadTree > treechildren::-moz-tree-cell-text(selected, focus) {
  color: #D1FFFF !important; }


/* See user.js for Previewpane color and Compose window
not needed at this time with 1.0 */


/** Folder pane **/

/* Adjust Folder pane label height */
#folderPaneHeader
{ max-height: 21px !important; }

/* Adjust Folder pane splitter */
.splitter, #folderpane_splitter
{ max-width: 1px !important }

/* Folder background and text */
#folderTree > treechildren::-moz-tree-cell-text(selected) {
  background-color: #B8CED4 !important;
  border: #E1E1E1 1px solid !important;
  color: #003300 !important;
  font-weight: bold !important; }
#folderTree > treechildren::-moz-tree-cell-text(selected, focus) {
   background-color: #007799 !important;
   border: #E1E1E1 1px solid !important;
   color: #D1FFFF !important; }


/** Preview pane **/

/* Adjust preview pane splitter */
#threadpane-splitter {
max-height: 1px !important; }

/* Make the message header view pane scrollable
#msgHeaderView {
    max-height: 10em !important;
    overflow: auto !important; }*/

/* Remove header display box in Preview pane */
#collapsedHeaderView
{ display: none !important; }

/* Attachment pane at bottom of message window */
#attachmentView {
 -moz-appearance: none !important;
  height: 45px !important;
  overflow: auto !important;
  border-top: 2px solid #B1B1B1 !important;
  border-bottom: 2px solid #B9B9B9 !important;
  background-color: #E9E9E9 !important; }
#attachmentList
{ -moz-appearance: none !important;
 background-color: #E9E9E9 !important; }
 
 /* Aligns attachments to left side */
#attachmentList > descriptionitem
{ -moz-appearance: none !important;
   width: 225px !important; }

/** Status bar **/

/* Status Bar tweaks */
#offline-status, #statusbar-updates,
#unreadMessageCount, #statusbar-progresspanel
{ display: none !important;  }
#status-bar {max-height: 21px !important; }
/* #totalMessageCount, */

/* Remove Icon Spacers in Status Bar */
statusbarpanel {
   -moz-appearance: none !important;
   border-left: 0px !important;
   border-right: 0px !important; }


/** Menus and Context menus **/

/* Hide Separators...except View>Messages>Has Attachments(?) */
menuitem + menuseparator { display: none; }
menu + menuseparator { display: none !important; }

/* Hide File Menuitems */
menuitem[label="Open File"],
menuitem[label="Open Message"],
menuitem[label="Close"],
menuitem[label="Send Unsent Messages"],
menuitem[label="Subscribe..."],
menuitem[label="New"],
menuitem[label="Rename Folder..."],
menuitem[label="Page Setup..."],
menuitem[label="Exit"],
menuitem[label="Save"],
menuitem[label="Send Now"],
menuitem[label="Open Saved Message..."],
menuitem[label="Send Later"] { display: none; }
menu[label="New"],
menu[label="Offline"],
menu[label="Save As"],
menu[label="Get New Messages for"],
menu[label="Attachments"],
menu[label="Attach"] { display: none !important; }

/* Hide Edit Menuitems */
menuitem[label="Paste Without Formatting"],
menuitem[label="Undo Move Message"],
menuitem[label="Paste As Quotation"],
menuitem[label="Find in This Message..."],
menuitem[label="Find and Replace..."],
menuitem[label="Find Again"],
menuitem[label="Find Previous"],
menuitem[label="Folder Properties..."] { display: none; }
menu[label="Select"] { display: none !important; }

/* Hide View Menuitems */
menuitem[label="Mail Toolbar"],
menuitem[label="Status Bar"],
menuitem[label="Search Bar"],
menuitem[label="Contacts Sidebar"],
menuitem[label="Message Source"],
menuitem[label="Increase Text Size"],
menuitem[label="Decrease Text Size"],
menuitem[label="Message Security Info"] { display: none !important; }
menu[label="Toolbars"],
menu[label="Layout"],
menu[label="Sort by"],
menu[label="Messages"],
menu[label="Threads"],
menu[label="Message Body As"],
menu[label="Text Size"],
menu[label="Character Encoding"] { display: none; }

/* Hide Go Menuitems */
menu[label="Go"] { display: none !important; }

/* Hide Message Menu */
menu[label="Message"] { display: none !important; }

/* Hide Tools Menuitems */
menuitem[label="Search Messages..."],
menuitem[label="Search Addresses..."],
menuitem[label="Import..."],
menuitem[label="Run Filters on Folder"],
menuitem[label="Junk Mail Controls..."],
menuitem[label="Run Junk Mail Controls on Folder"],
menuitem[label="Delete Mail Marked as Junk in Folder"],
menuitem[label="Import..."],
menuitem[label="JavaScript Console"],
menuitem[label="Mail & Newsgroups"],
menuitem[label="Address Book"] { display: none; }

/*menuitem[label="DOM Inspector"],*/

/* Remove Help Menuitems */
menuitem[label="Release Notes"],
menuitem[label="Mozilla Thunderbird Help"] { display: none; }

/* Hide Insert Menuitems */
menuitem[label="Table..."],
menuitem[label="Named Anchor..."],
menuitem[label="Characters and Symbols..."],
menuitem[label="Break Below Image(s)"] { display: none; }
menu[label="Table of Contents..."] { display: none !important; }

/* Hide Options Menuitems */
menuitem[label="Check Spelling..."],
menuitem[label="Quote Message"],
menuitem[label="Return Receipt"] { display: none; }
menu[label="Priority"],
menu[label="Send a Copy To"],
menu[label="Security"] { display: none !important; }

/* Hide Format Menu */
#navigator-toolbox menuitem[label="Format"] { display: none; }

/*Hide Context Menuitems*/
menuitem[label="Open Message in New Window"],
menuitem[label="Reply to Sender Only"],
menuitem[label="Reply to All"],
menuitem[label="Forward"],
menuitem[label="Open"],
menuitem[label="Print Preview"],
menuitem[label="Print..."],
menuitem[label="Save All..."],
menuitem[label="Open in New Mail Window"],
menuitem[label="Copy Folder Location"],
menuitem[label="Mark Folder Read"],
menuitem[label="New Subfolder..."],
menuitem[label="Properties..."] { display: none; }
menu[label="Move To"],
menu[label="Copy To"],
menu[label="Label"],
menu[label="Mark"] { display: none !important; }


user.js

Code: Select all

// Color of links in messages #006699
user_pref("browser.anchor_color", "#007799");

// Stop autocomplete of addresses
user_pref("mail.enable_autocomplete", false);

// Turn off sending window
user_pref("mailnews.show_send_progress", false);

// Change 'Todays' Time recieved to Date
user_pref("mail.ui.display.dateformat.today", 2);

// Change the reply header
// 0 - No Reply-Text
// 1 - "[Author] wrote:"
// 2 - "On [date] [author] wrote:"
// 3 - User-defined reply header. Use the prefs below in conjuction with this:
user_pref("mailnews.reply_header_type", 0);

// Remove Local Folders from Folderpane
user_pref("mail.accountmanager.accounts", "account2");
user_pref("mail.accountmanager.defaultaccount", "account2");     
user_pref("mail.accountmanager.localfoldersserver", "server2");

// Set popup biff display in milliseconds
user_pref("alerts.totalOpenTime", 0);

// Remove > quote marks
user_pref("mail.quoted_graphical", false);
user_pref("mailnews.display.disable_format_flowed_support", true);
 
// Previewpane Background color 
user_pref("browser.display.background_color", "#EDEDED");


userContent.css

Code: Select all

/* Change blockquotes */
blockquote[type=cite] {
  border-left: none ! important;
  border-right: none ! important;
  }

blockquote[type=cite] blockquote {
  border-left: none ! important;
  border-right: none ! important;
}

blockquote[type=cite] blockquote blockquote {
  border-left: none ! important;
  border-right: none ! important;
}

blockquote[type=cite] blockquote blockquote
blockquote {
  border-left: none ! important;
  border-right: none ! important;
}

blockquote[type=cite] blockquote blockquote
blockquote  blockquote {
  border-left: none ! important;
  border-right: none ! important;
}

blockquote[type=cite] blockquote blockquote
blockquote  blockquote  blockquote {
  border-left: none ! important;
  border-right: none ! important;
}


Reduce the number of To: fields

Credits to 'ausdilecce'

1)shut down TB
2) extract the file called 'messengercompose.xul' from messenger.jar (mail.jar in older versions) ( jar files are simply zip files ) and BE SURE TO extract to the root directory of your drive AND 'use folder names' when extracting 'messengercompose.xul' should then exist on your hard drive in this location

c:\content\messenger\messengercompose\messengercompose.xul ( if the root drive you chose was c: )

3) then edit that file and look for this block of text

<listbox id="addressingWidget" flex="1" seltype="multiple" rows="4"
onkeydown="awKeyDown(event, this)"
onclick="awClickEmptySpace(event.originalTarget, true)">

4) and change the rows="4" to rows="2" thusly

<listbox id="addressingWidget" flex="1" seltype="multiple" rows="2"
onkeydown="awKeyDown(event, this)"
onclick="awClickEmptySpace(event.originalTarget, true)">

*credits to 'kyou' for finding the next line thats stops the To field from flexing
when adding attachments. Change "4" to "2" as well.

<listbox seltype="multiple" id="attachmentBucket" flex="1" rows="4"

5) then add that file back into the mail.jar file PRESERVING THE FOLDER PATH...
6) once you added the file back into the mail.jar.. make SURE you dont now have two messengercompose.xul files, one with a path and one without.. you should have ONLY ONE with a path, that has a file date of the day you are doing this.

To get exactly 2 lines and not ~2.4 lines, add this to userchrome.css.
Adjust the px if needed.

#MsgHeadersToolbar {
min-height: 112px !important;
}

I use 25px with an 800 x 600 display with the other changes to
the Compose window.
Last edited by Old Bozz on November 3rd, 2005, 4:55 pm, edited 2 times in total.
TychoQuad
Posts: 1263
Joined: December 11th, 2002, 12:30 am
Location: Australia

Post by TychoQuad »

This thread is already chock full of cool improvements, that I have nothing more to add. I do however have a few requests, if some of you guys know how to do this stuff, it would be greatly apprecieated.

UserChrome.css

Does anyone know how I would remove the hover effect from the back and forward button's drop down arrow? I just want to remove the hover effect, and not the pressed effect. I also want to keep the hover effect on the actual backbutton.

UserContent.css

Does anyone know how to remove the dotted line which forms around clicked button text, text in dropdown menus, and around tickboxes and radio buttons? I've already managed to get rid of them around text links, but having trouble adapting it to work on everything else.

Something a little harder, and I'm not sure if it's entirely possible. Is it possible to remove the styling a website would apply to a button, pulldown menu, text entry field and so on, and let the OS skin it itself? I've tried to do this myself, but I end up with buttons that think their styled, and I just successfully removed the styling values. Excuse my poor MSPaint skills in this 30 second example: Image
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

TQ maybe some of these can help, about the buttons on pages, any styling I've done I added the info or edited forms.css in res folder. For some reason to get things to look right I had to add background-image: none !important; to this area shown below but this may not work for you because I added some other things to other areas and it caused my buttons to look the way you are describing. For me the above was the fix for it, don't even know if it's right but it worked for me with the other additions I made so i've left it that way.

Code: Select all

button, 
input[type="reset"],
input[type="button"],
input[type="submit"]



--------------------------------------------------------------------------------------
dotted borders stuff below

Code: Select all

/* Do Away With Radio Box Dotted Border */
radio[focused="true"] > .radio-label-box {
   border: none !important; }

/* Do Away With Check Box Dotted Border */
checkbox:focus > .checkbox-label-box {
   border: none !important; }

/* Do Away With Button Box Dotted Border */
button:focus > .button-box {
   border: none !important; }
TychoQuad
Posts: 1263
Joined: December 11th, 2002, 12:30 am
Location: Australia

Post by TychoQuad »

I'm sorry to say that adding background-image: none did nothing to the button input types you specified, and the dotted border ones you posted didn't work either.
User avatar
laszlo
Posts: 5225
Joined: November 4th, 2002, 6:13 pm
Location: .de
Contact:

Post by laszlo »

My

userChrome.css (actually the file I import into it)
userContent.css
user.js

Maybe the most interesting change to the UI, and one that I have seen nobody do yet, is a search bar that opens on hover:

Browser with closed search bar
Browser with opened search bar

Edited to correct a URL.
Last edited by laszlo on May 25th, 2005, 7:11 am, edited 1 time in total.
"I'll be dead after I die. I was dead before I was born. Life is a break from death." - Hlynur, 101 Reykjavík
TychoQuad
Posts: 1263
Joined: December 11th, 2002, 12:30 am
Location: Australia

Post by TychoQuad »

Argh! Laszlo, you have some great stuff in there, but you didn't comment most of it, so I don't know what's what! If you hadn't put in those screenshots (especially the one showing off that search bar) I would have given up!
User avatar
laszlo
Posts: 5225
Joined: November 4th, 2002, 6:13 pm
Location: .de
Contact:

Post by laszlo »

Yes, I'm aware of the sparse commenting, well, I'm lazy. :)

Some of the changes are interdependent, which sometimes makes them hard to comment, but for the search bar changes the parts between /* Search Bar */ and /* Personal Bookmarks */ should be sufficient.

Here's a shot of my find bar, which is kinda slightly special, too, if I correctly remember the original look.
"I'll be dead after I die. I was dead before I was born. Life is a break from death." - Hlynur, 101 Reykjavík
TychoQuad
Posts: 1263
Joined: December 11th, 2002, 12:30 am
Location: Australia

Post by TychoQuad »

I tried your searchbar, but had to trim it down a bit first through trial and error to get some irrevevent crap outta there :P

you seem to know alot about this stuff, can you take a stab at my requests just a little up this page?
User avatar
laszlo
Posts: 5225
Joined: November 4th, 2002, 6:13 pm
Location: .de
Contact:

Post by laszlo »

I don't know what the back and forward button dropmarkers look like for you when hovered (in Windows 2000 they don't have a hovered state in the default theme), but the selector to target them (and only them) is:

toolbarbutton:hover .toolbarbutton-menubutton-dropmarker

You should be able to remove the focus ring from all elements by adding the following to user.js:

user_pref("browser.display.focus_ring_width", 0);

As for your last question, I'm not aware of an equally simple way to achieve that. You could enforce OS styling by exactly remodeling it for each form element and ending each property with !important to ensure overriding author styles, but that would involve quite a little bit of coding - in case of buttons for example you'd at least have to set all fonts, colors, borders, margins, paddings to distinct values, all widths to auto and for Mac the correct border-radius. A mighty tedious task.
"I'll be dead after I die. I was dead before I was born. Life is a break from death." - Hlynur, 101 Reykjavík
Locked