Post your userFiles!

Discuss application theming and theme development.
Locked
User avatar
MLS
Posts: 232
Joined: May 19th, 2003, 7:37 am
Location: London, England

Post by MLS »

Thanks Greg - all I really want to do is change the background colour of my tooltips, although I might also play around with your other settings to see what they do. Here is a screenshot of my tooltips as they are even with the code you provided in your original posting:

Image

Many thanks. MLS
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14; P4 3Ghz, 1GB RAM, ASUS P4S800, Award BIOS, Win XP Pro, nVidia GeForce FX5700LE 256MB, Be Lite (8mbps), SpeedTouch 716 Router.
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

Did you get it to change color?
This is the code you need to change the color

Code: Select all

tooltip {
  background: none !important;
  background-color: yourcolorcodehere !important;
}


As I said, he's using a background image for the tooltip part which will overide your background-color if you don't use background: none
User avatar
MLS
Posts: 232
Joined: May 19th, 2003, 7:37 am
Location: London, England

Post by MLS »

I've removed all your original code from my UserChrome and simply added this code, but again it hasn't changed. Thanks for trying. MLS
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14; P4 3Ghz, 1GB RAM, ASUS P4S800, Award BIOS, Win XP Pro, nVidia GeForce FX5700LE 256MB, Be Lite (8mbps), SpeedTouch 716 Router.
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Try this.

Code: Select all

tooltip {
 -moz-appearance: none !important;
  background-color: #D1FFFF !important;
}
User avatar
MLS
Posts: 232
Joined: May 19th, 2003, 7:37 am
Location: London, England

Post by MLS »

Thanks for both of you trying to solve this conundrum, but I must be doing something wrong - am I putting the code in the wrong place, or missing an important trick? Here is my UserChrome in full, in case the answer is obvious:

Code: Select all

/*
 * Edit this file and copy it as userChrome.css into your
 * profile-directory/chrome/
 */

/*
 * This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to
 * override default settings.
 */


/* ..... Fx 1.5 like Options on 1.0 ..... */
@import url("chrome://global/skin/theme-options/fx1.1-options.css");

/* ..... Non-Focus Inputboxes ..... */
@import url("chrome://global/skin/theme-options/non-focus-inputboxes.css");

/* ..... Bookmark-Item Favicons Visible ..... */
@import url("chrome://global/skin/theme-options/bookmark-item-icons-visible.css");

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

/* Resize Searchbox */
#search-container, #searchbar {
   -moz-box-flex: 400 !important;

/*
 * Some possible accessibility enhancements:
 */
/*
 * Make all the default font sizes 20 pt:
 *
 * * {
 *   font-size: 20pt !important
 * }
 */
/*
 * Make menu items in particular 15 pt instead of the default size:
 *
 * menupopup > * {
 *   font-size: 15pt !important
 * }
 */
/*
 * Give the Location (URL) Bar a fixed-width font
 *
 * #urlbar {
 *    font-family: monospace !important;
 * }
 */

/*
 * Eliminate the throbber and its annoying movement:
 *
 * #throbber-box {
 *   display: none !important;
 * }
 */

/*
 * For more examples see http://www.mozilla.org/unix/customizing.html
 */
 
.settingsBox groupbox caption {
   background: #fff !important;
   border: 1px solid #ccc;
}

/* ============ Tooltip Mods ============== */

/ * tooltip {
  * background: none !important;
  * background-color: darkslategray !important;
  * }
* /

tooltip {
 -moz-appearance: none !important;
  background-color: #D1FFFF !important;
}

/* ==================================================== */

Thanks. MLS
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14; P4 3Ghz, 1GB RAM, ASUS P4S800, Award BIOS, Win XP Pro, nVidia GeForce FX5700LE 256MB, Be Lite (8mbps), SpeedTouch 716 Router.
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

Are all other changes in your userChrome.css working?
User avatar
firemonkey
Posts: 950
Joined: March 14th, 2004, 10:57 pm
Location: Down in the basement

Post by firemonkey »

MLS: the prob is likely this part:

Code: Select all

/ * tooltip {
  * background: none !important;
  * background-color: darkslategray !important;
  * }
* /


It is not properly commented out (there should be no spaces in the start /* and ending */)
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Missing bracket.

#search-container, #searchbar {
-moz-box-flex: 400 !important; }
User avatar
MLS
Posts: 232
Joined: May 19th, 2003, 7:37 am
Location: London, England

Post by MLS »

Greg - The search box change works, but I have no idea what the settings box change is supposed to do.

Firemonkey - I've corrected the comments around the first tooltip change.

Bozz - Thanks. I must have mis-copied it, so I've added in the missing bracket, although it seems to have worked anyway.

Despite these changes, I still haven't solved my tooltips problem - they still have a blue background.

Code: Select all

/*
 * Edit this file and copy it as userChrome.css into your
 * profile-directory/chrome/
 */

/*
 * This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to
 * override default settings.
 */


/* ..... Fx 1.5 like Options on 1.0 ..... */
@import url("chrome://global/skin/theme-options/fx1.1-options.css");

/* ..... Non-Focus Inputboxes ..... */
@import url("chrome://global/skin/theme-options/non-focus-inputboxes.css");

/* ..... Bookmark-Item Favicons Visible ..... */
@import url("chrome://global/skin/theme-options/bookmark-item-icons-visible.css");

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

/* Resize Searchbox */
#search-container, #searchbar {
   -moz-box-flex: 400 !important; }

/*
 * Some possible accessibility enhancements:
 */
/*
 * Make all the default font sizes 20 pt:
 *
 * * {
 *   font-size: 20pt !important
 * }
 */
/*
 * Make menu items in particular 15 pt instead of the default size:
 *
 * menupopup > * {
 *   font-size: 15pt !important
 * }
 */
/*
 * Give the Location (URL) Bar a fixed-width font
 *
 * #urlbar {
 *    font-family: monospace !important;
 * }
 */

/*
 * Eliminate the throbber and its annoying movement:
 *
 * #throbber-box {
 *   display: none !important;
 * }
 */

/*
 * For more examples see http://www.mozilla.org/unix/customizing.html
 */
 
.settingsBox groupbox caption {
   background: #fff !important;
   border: 1px solid #ccc;
}

/* ============ Tooltip Mods ============== */

/* tooltip {
 * background: none !important;
 * background-color: darkslategray !important;
 * }
 */

tooltip {
 -moz-appearance: none !important;
  background-color: darkslategray !important;
}

/* ==================================================== */

Thanks for your help anyway guys - much appreciated. MLS
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14; P4 3Ghz, 1GB RAM, ASUS P4S800, Award BIOS, Win XP Pro, nVidia GeForce FX5700LE 256MB, Be Lite (8mbps), SpeedTouch 716 Router.
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

Try now with the background: none !important: added and see if it makes a difference. The missing bracket sometimes can cause problems with things listed below where it is left out. In the meantime I'm gonna install the Brush theme one more time and try again with all the code you posted and see if works. Last time when I said it worked all I had in userChrome.css was the tooltip.

Code: Select all

tooltip {
  background: none !important;
 -moz-appearance: none !important;
  background-color: darkslategray !important;
}


Edit: This works for me, it still had a blue border around it which you can change but to get rid of it I changed it to transparent

Code: Select all

tooltip {
  background: none !important;
  background-color: darkslategray !important;
  border-color: transparent !important;
}
User avatar
MLS
Posts: 232
Joined: May 19th, 2003, 7:37 am
Location: London, England

Post by MLS »

Thanks Greg - that last version worked a treat! Just need to decide what colour to make it now! MLS
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14; P4 3Ghz, 1GB RAM, ASUS P4S800, Award BIOS, Win XP Pro, nVidia GeForce FX5700LE 256MB, Be Lite (8mbps), SpeedTouch 716 Router.
User avatar
Kahil
Posts: 68
Joined: October 3rd, 2004, 11:41 pm

Post by Kahil »

i've been looking for a few things, i hope you guys can help...

i have been looking for a way to make the download manager load in the sidebar without having to use an extension...

for both firefox and thunderbird, i know that you can use your own image as backgrounds for the toolbars, but what about the sidebars, folderpane, message header, searchbar, etc... their backgrounds still have that fade from a light tan color to grey... i would just like it all to have a grey background...

and finally.....somewhere i read that you can force google image links to point straight to the original image without using an extension like google image re-linker or customize google... i can't find that page again for the life of me...

Thanks for the help in advace, its appreciated...

Thank you
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

for both firefox and thunderbird, i know that you can use your own image as backgrounds for the toolbars, but what about the sidebars, folderpane, message header, searchbar, etc... their backgrounds still have that fade from a light tan color to grey... i would just like it all to have a grey background...

Pretty much anything you want to do as far as backgrounds is in this thread. Most of the posts are Firefox and you'll find a couple or three for Thunderbird. Dom Inspector is also a good tool to use. Image lines can be changed to background-color and so forth. Come back after spending some time getting somewhat familiar with things. :mrgreen:
User avatar
Kahil
Posts: 68
Joined: October 3rd, 2004, 11:41 pm

Post by Kahil »

bozz wrote:
for both firefox and thunderbird, i know that you can use your own image as backgrounds for the toolbars, but what about the sidebars, folderpane, message header, searchbar, etc... their backgrounds still have that fade from a light tan color to grey... i would just like it all to have a grey background...

Pretty much anything you want to do as far as backgrounds is in this thread. Most of the posts are Firefox and you'll find a couple or three for Thunderbird. Dom Inspector is also a good tool to use. Image lines can be changed to background-color and so forth. Come back after spending some time getting somewhat familiar with things. :mrgreen:


well...thank you for basically calling me stupid...lol...

i have read through this thread and I haven't found anything that says how one can do this. as far as dom inspector, i'm not fluent enough with that stuff.... i just started learning about the user files...

it would have been a lot nicer and less rude if you would have just said yes or no it can't be done and if so shared the code or pointed me in the right direction.....not a come back later line...

thanks though
Old RPGM35
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old RPGM35 »

userchrome.css:

Code: Select all

/*
 * Edit this file and copy it as userChrome.css into your
 * profile-directory/chrome/
 */

/*
 * This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to
 * override default settings.
 */

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


/*
 * Some possible accessibility enhancements:
 */
/*
 * Make all the default font sizes 20 pt:
 *
 * * {
 *   font-size: 20pt !important
 * }
 */
/*
 * Make menu items in particular 15 pt instead of the default size:
 *
 * menupopup > * {
 *   font-size: 15pt !important
 * }
 */
/*
 * Give the Location (URL) Bar a fixed-width font
 *
 * #urlbar {
 *    font-family: monospace !important;
 * }
 */

/*
 * Eliminate the throbber and its annoying movement:
 *
 * #throbber-box {
 *   display: none !important;
 * }
 */

/*
 * For more examples see http://www.mozilla.org/unix/customizing.html
 */
 
/* Slightly rounded address and search bar corners */
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 3px !important;
padding-right: 1px !important;
}


#searchbar .searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 3px !important; }

/* Make the Search box flex wider */
#search-container, #searchbar {
width: 190px !important;
}

/* ============= UI Appearance Tweaks ================ */

/* URL bar background image for high security site */
#urlbar[level="high"] > .autocomplete-textbox-container {
  background-image: url('high.png') !important;
  background-color: transparent !important;
  font-weight: 600 !important;
}

/* URL bar background image for low security site */
#urlbar[level="low"] > .autocomplete-textbox-container {
  background-image: url('low.png') !important;
  background-color: transparent !important;
  font-weight: 600 !important;
}

/* URL bar background image for broken secure site */
#urlbar[level="broken"] > .autocomplete-textbox-container {
  background-image: url('broken.png') !important;
  background-color: transparent !important;
  font-weight: 600 !important;
}

/* fixes ugliness caused by bug 301776 */
listbox:focus > listitem[selected="true"][current="true"] {
  border: 1px dotted #F5DB95 !important;
  outline: none !important;
}

listbox:focus > listitem[current="true"] {
  outline: none !important;
  -moz-outline-offset: 0px !important;
}

treechildren::-moz-tree-row {
  border: 1px solid transparent !important;
}

treechildren::-moz-tree-row(current, focus) {
  border: 1px dotted #000000 !important;
}

treechildren::-moz-tree-row(selected, current, focus) {
  border: 1px dotted #C0C0C0 !important;
}



usercontent.css:

Code: Select all

/*
 * Edit this file and copy it as userContent.css into your
 * profile-directory/chrome/
 */

/*
 * This file can be used to apply a style to all web pages you view
 * Rules without !important are overruled by author rules if the
 * author sets any.  Rules with !important overrule author rules.
 */

/*
 * example: turn off "blink" element blinking
 *
 * blink { text-decoration: none ! important; }
 *
 */

/*
 * example: give all tables a 2px border
 *
 * table { border: 2px solid; }
 */

/*
 * example: turn off "marquee" element
 *
 * marquee { -moz-binding: none; }
 *
 */
 
/*
 * For more examples see http://www.mozilla.org/unix/customizing.html
 */

@import url("bugzillaskin_1.11.css");

/* --- google.com ----------------------------------------------------------- */

/* general: search tip */
body[onload="document.gs.reset()"] table[cellspacing="0"][cellpadding="0"][border="0"] td[valign="bottom"][height="30"] { display: none !important }

/* general: sponsored links: right */
body[onload="document.gs.reset()"] table[width="25%"][bgcolor="#ffffff"][align="right"] { display: none !important }

/* general: sponsored links: top */
body[onload="document.gs.reset()"] p.e table[width="100%"][height="40"][cellpadding="3"] { display: none !important }

/* search: product search (store linkage) */
body[onload="document.gs.reset()"] p.e table[cellspacing="0"][cellpadding="1"][border="0"] { display: none !important }

/* groups: sponsored links: top (everything but header) */
body[onload="document.gs.reset()"] td[id^="taw"].ch { display: none !important }

/* groups: sponsored links: right */
body[onload="document.gs.reset()"] table[width="100%"][cellpadding="3"] tr[valign="top"] td[valign="top"][rowspan="26"] { display: none !important }

/* gmail: text ads */
div.c.xs#ad { display: none !important }

center table[border="0"][width="750"] td {
  white-space: normal !important;
}

/* Force text to wrap when it is longer than the screen width */
pre {white-space:-moz-pre-wrap}


user.js

Code: Select all

// Currently you do not have a user.js file.

// More DOM/JavaScript options
// Make sure all pop-up windows are resizable:
user_pref("dom.disable_window_open_feature.resizable", true);
// Make sure all pop-up windows are minimizable:
user_pref("dom.disable_window_open_feature.minimizable", true);
// Always display the menu in pop-up windows:
user_pref("dom.disable_window_open_feature.menubar", true);
// Always display the Navigation Toolbar in pop-up windows:
user_pref("dom.disable_window_open_feature.location", false);
// Prevent sites from disabling scrollbars:
user_pref("dom.disable_window_open_feature.scrollbars", true);

// Find As You Type Configuration:
// Set this pref to false to disable Find As You Type:
user_pref("accessibility.typeaheadfind", true);
// If you set this pref to true, typing can automatically start Find As You Type.
// If false (default), you must hit / (find text) or ' (find links) before your search.
user_pref("accessibility.typeaheadfind.autostart", false);
// Set this pref to false if you want Find As You Type to search normal text too:
user_pref("accessibility.typeaheadfind.linksonly", false);
// Set this pref to true if you require that the link starts with the entered text:
user_pref("accessibility.typeaheadfind.startlinksonly", false);
// This is the time in milliseconds for the Find As You Type to stop watching for keystrokes:
user_pref("accessibility.typeaheadfind.timeout", 30000);

// Force frames to be resizable
   user_pref("layout.frames.force_resizability", true);

// Hide Menu
user_pref("dom.disable_window_open_feature.menubar", false);
/* Force New Windows Restrictions
  0: Default - Divert *all* new windows to current tab/window or new tab
  1: Don't divert *any* windows spawned by JS
  2: Don't divert JS windows that include size/placement/toolbar info */
user_pref("browser.link.open_newwindow.restriction", 2);

// Put an end to blinking text!
user_pref("browser.blink_allowed", false);

//Make borders around objects in a webpage dissapear
user_pref("browser.display.focus_ring_width", 0);

//disable tab thumbnails
user_pref("browser.chrome.image_icons.max_size", 0);

user_pref("capability.policy.policynames", "nojs");
user_pref("capability.policy.nojs.sites", "http://gameforgeads.de");
user_pref("capability.policy.nojs.javascript.enabled", "noAccess")
Locked