Post your userFiles!

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

Post by Old Greg S »

TychoQuad wrote: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.


As I said, this works for me with what I've done. I kinda figured it wouldn't work for you. Where did place the code for background-image? The dotted borders removal should work. Where did you place the code for this? I have it placed in userChrome.css and it works for me. If you meant for web pages then that want work for them placing it in userChrome.
User avatar
Nemoflow
Posts: 33
Joined: April 12th, 2004, 2:07 pm
Contact:

Post by Nemoflow »

How can i change the Color of Seperators in Menu and Popup Menus?

Image
Image
User avatar
ShareBird
Posts: 2740
Joined: December 8th, 2004, 7:09 am
Location: Berlin | Made in Brasil
Contact:

Post by ShareBird »

Hi Nemo,

I use this

Code: Select all

menuseparator {
margin: 3px 0px;
border-top-color:#E4E4E4;
border-bottom-color:#FEFEFE;
border-width:1px 0px;
border-style:solid;
}


/*menulist separators*/
menulist > menupopup > menuseparator,
.menulist-menupopup > menuseparator {
border-top-color: #CFCFCF;
}




P.S. - Leider ist die Saison im Ipanema aus... :(
TychoQuad
Posts: 1263
Joined: December 11th, 2002, 12:30 am
Location: Australia

Post by TychoQuad »

Greg S wrote:
TychoQuad wrote: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.


As I said, this works for me with what I've done. I kinda figured it wouldn't work for you. Where did place the code for background-image? The dotted borders removal should work. Where did you place the code for this? I have it placed in userChrome.css and it works for me. If you meant for web pages then that want work for them placing it in userChrome.


I placed it all in usercontent.css. No difference to any of it in webpages.
Last edited by TychoQuad on May 26th, 2005, 6:05 am, edited 1 time in total.
User avatar
aaron
Posts: 3130
Joined: November 4th, 2002, 8:49 pm
Location: Texas
Contact:

Post by aaron »

userchrome.css = mozilla interface
usercontent.css = web pages
TychoQuad
Posts: 1263
Joined: December 11th, 2002, 12:30 am
Location: Australia

Post by TychoQuad »

sorry, I meant to type content, not chrome. I double checked, it's in the right file. Any help would be appreciated
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

TychoQuad wrote:sorry, I meant to type content, not chrome. I double checked, it's in the right file. Any help would be appreciated

TychoQuad wrote:
Greg S wrote:
TychoQuad wrote: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.


As I said, this works for me with what I've done. I kinda figured it wouldn't work for you. Where did place the code for background-image? The dotted borders removal should work. Where did you place the code for this? I have it placed in userChrome.css and it works for me. If you meant for web pages then that want work for them placing it in userChrome.


I placed it all in usercontent.css. No difference to any of it in webpages.

As for the buttons pic you posted, some buttons will not appear as the appearance of button in web pages but use an image.
Now, the file forms.css is located here C:\Program Files\Mozilla Firefox\res\forms.css
to the best of knowledge, concerning buttons on web pages, I have changed this in usercontent

Code: Select all

/* web buttons text font & color */
input[type="button"],
input[type="submit"],
input[type="reset"] {
  font-family: Dungeon !important;
   color: white !important; }

/* web buttons text hover font & color */
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
   font-family: Dungeon !important;
   color: rgb(51,51,51) !important; }


This in forms.css

Code: Select all

button, 
input[type="reset"],
input[type="button"],
input[type="submit"] {
  -moz-appearance: button;
  background-image: none !important;
  /* The sum of border-top, border-bottom, padding-top, padding-bottom
     must be the same here, for text inputs, and for <select>.  For
     buttons, make sure to include the -moz-focus-inner border/padding. */
  padding: 0px 6px 0px 6px;
  border: 2px outset ButtonFace;
  background-color: ButtonFace;
  color: ButtonText;
  font: -moz-button;
  line-height: normal !important;
  white-space: pre;
  cursor: default;
  -moz-box-sizing: border-box;
  -moz-user-select: none;
  -moz-binding: none;
}

That is where the background-image: none went, not in userContent
and again in forms.css

Code: Select all

button, 
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-image: none !important; }
 
textarea {
  background-image: url("rrr.png") !important; }

sorry the text area above is not for buttons but a background image, well, for text areas and if you want to use a background
image for text areas, with the code above the background image would be placed in C:\Program Files\Mozilla Firefox\res
folder where the file forms.css is located


If you want to get rid of the dotted border around the buttons
add this to userContent

Code: Select all

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none !important;
}

If you can point me to a web page with dotted area around checkbox
and radio buttons I can find the code for them as well. The code for
them that I posted in an earlier reply, if pasted in userChrome only removes the dotted border for the browser not web page content
This may work for them but don't know of a web page to check it out to see if it does or not

Code: Select all

input[type="checkbox"]:focus,
input[type="radio"]:focus {
  border-style: none !important;
  border: none !important;
}
User avatar
laszlo
Posts: 5225
Joined: November 4th, 2002, 6:13 pm
Location: .de
Contact:

Post by laszlo »

What about the suggestion with putting

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

into user.js instead of trying to kill every focus ring manually? Did anybody try that yet?
"I'll be dead after I die. I was dead before I was born. Life is a break from death." - Hlynur, 101 Reykjavík
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

laszlo wrote:What about the suggestion with putting

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

into user.js instead of trying to kill every focus ring manually? Did anybody try that yet?

You must have, right?lol Works on buttons for me. Nice tip
Old Bozz
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Bozz »

Greg S wrote:
laszlo wrote:What about the suggestion with putting

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

into user.js instead of trying to kill every focus ring manually? Did anybody try that yet?

You must have, right?lol Works on buttons for me. Nice tip

heh...I've been using that for quite a while for the dotted border around links, but didn't realize it effected buttons too. I certainly wasn't understanding what dotted lines around buttons that was being discussed was. So it must work, at least for me too.
Haz Knight
Posts: 3
Joined: May 26th, 2005, 10:48 am

My files

Post by Haz Knight »

Here are my files, nothing really special

userChrome.css

Code: Select all

/* For more examples see http://www.mozilla.org/unix/customizing.html */
/*=============== General Browser ===============*/
/* Set default namespace to XUL. Do not remove this line */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/*=============== Tabs ===============*/
/* Makes the selected tab BOLD */
tab[selected="true"] .tab-text {
   font-weight: bold !important;
}

/* Makes unreaden tabs ITALIC */
tab:not([selected]) .tab-text {
   font-style: italic !important;
}

/*=============== Menus ===============*/
/* Remove unused menus and menu items - pt-BR */
menu[label="Ir"],
menuitem[label="Pesquisar web"],
menuitem[label="Nova mensagem"],
menuitem[label="Pesquisar web"] + menuseparator,
menuitem[label="Nova mensagem"] + menuseparator,
menuitem[label*="Ler mensagens"] {
   display: none !important;
}

/*=============== Toolbar ===============*/
/* Slightly rounded address and search bar corners */
#urlbar, #searchbar .searchbar-textbox {
   -moz-appearance: none !important;
   -moz-border-radius: 3px !important;
   padding-right: 1px !important;
}

/* Remove extra padding from the Navigation Bar */
.toolbarbutton-1, .toolbarbutton-menubutton-button {
   padding: 2px 3px !important;
}
.toolbarbutton-1[checked="true"], .toolbarbutton-1[open="true"],
.toolbarbutton-menubutton-button[checked="true"],
.toolbarbutton-menubutton-button[open="true"] {
   padding: 4px 1px 1px 4px !important;
}

/*=============== Statusbar ===============*/
/* Change Statusbar font */
#status-bar {
   font-family: Courier New, Monospace !important;
   font-size: 8pt !important;
}

/* Always show Stylesheet icon - not working? */
#page-theme-button {
   display: -moz-box !important;
   list-style-image: url("chrome://browser/skin/page-themes.png");
   padding: 0px 2px;
}

/* Show Statusbar in full-screen mode aswell */
#status-bar {
   visibility: visible !important;
}

/*=============== About Dialog ===============*/
/* Custom About Dialog */
#aboutDialog #clientBox {
   background: url("fx_tb.png") #FFFFFF !important;
   padding-top: 475px !important;
   min-height: 600px !important;
   min-width: 600px !important;
}

#aboutDialog #version {
   text-align: right !important;
   color: #000000 !important;
   margin: 0px 10px 20px 10px !important;
}

#aboutDialog #copyright {
   font-size: 90% !important;
   margin: 0px 10px 10px 10px !important;
   background-color: #FFFFFF !important;
}

#aboutDialog #userAgent {
   color: #000000 !important;
   background-color: #EEEEEE !important;
   margin: 0px 10px 10px 10px !important;
   min-width: 100% !important;
}

/*=============== Extension Mods ===============*/
/* Extension: Cutemenus */
/* Hide icons on disabled menus */
menuitem[disabled=true] > hbox > image {
   visibility: hidden !important;
}


userContent.css

Code: Select all

/* For more examples see http://www.mozilla.org/unix/customizing.html */
/*=============== General Appearance ===============*/
/* Change cursor for special protocols */
a[href^="javascript:"], a[href^="mailto:"], a[href^="irc:"] {
   cursor: move !important;
}

/* Add icons before special links */
// a[href^="mailto:"]:before { content: url("moz-icon://.EML?size=16"); margin-right: 5px; }
a[href$=".pdf"]:not([href^="/search?"])::before {
   content: url("moz-icon://.PDF?size=16"); margin-right: 5px;
}
a[href$=".exe"]:not([href^="/search?"])::before {
   content: url("moz-icon://.EXE?size=16"); margin-right: 5px;
}
a[href$=".doc"]:not([href^="/search?"])::before {
   content: url("moz-icon://.DOC?size=16"); margin-right: 5px;
}
a[href$=".xls"]:not([href^="/search?"])::before {
   content: url("moz-icon://.XLS?size=16"); margin-right: 5px;
}

/* Detect spoofed URLs */
:link[href*="%00@"], :visited[href*="%00@"],
:link[href*="%01@"], :visited[href*="%01@"] {
   cursor: help !important;
}

/* Forces preformatted text to wrap */
pre {
   white-space: -moz-pre-wrap !important;
}


user.js - I store ALL my options here

Code: Select all

/* For more examples see http://www.mozilla.org/unix/customizing.html */
// Typeahead find configuration:
user_pref("accessibility.typeaheadfind", true);
user_pref("accessibility.typeaheadfind.flashBar", 0);
user_pref("accessibility.typeaheadfind.enablesound", true);
user_pref("accessibility.typeaheadfind.enabletimeout", true);
user_pref("accessibility.typeaheadfind.soundURL", "default");
user_pref("accessibility.typeaheadfind.timeout", 5000);

// Download Manager mods
user_pref("browser.download.manager.closeWhenDone", true);
user_pref("browser.download.manager.retention", 0);
user_pref("browser.download.manager.showAlertOnComplete", false);
user_pref("browser.download.useDownloadDir", false);

// Disable automatic image resizing
user_pref("browser.enable_automatic_image_resizing", false);

// Disable Forms Auto-filling
user_pref("browser.formfill.enable", false);

// Open new links in new tabs
user_pref("browser.link.open_external", 3);

// Always hide tabs? Show more options?
user_pref("browser.tabs.autoHide", false);
user_pref("browser.tabs.showSingleWindowModePrefs", true);

// Prevent web pages from moving/resizing browser windows
user_pref("capability.policy.default.Window.innerWidth.set", "noAccess");
user_pref("capability.policy.default.Window.innerHeight.set", "noAccess");
user_pref("capability.policy.default.Window.moveTo", "noAccess");
user_pref("capability.policy.default.Window.moveBy", "noAccess");
user_pref("capability.policy.default.Window.outerWidth.set", "noAccess");
user_pref("capability.policy.default.Window.outerHeight.set", "noAccess");
user_pref("capability.policy.default.Window.resizeTo", "noAccess");
user_pref("capability.policy.default.Window.resizeBy", "noAccess");
user_pref("capability.policy.default.Window.screenX.set", "noAccess");
user_pref("capability.policy.default.Window.screenY.set", "noAccess");
user_pref("capability.policy.default.Window.sizeToContent", "noAccess");

// Disable Javascript windows popping up without direct action from the user
user_pref("dom.disable_open_during_load", true);

// Disable Javascript from changing windows
user_pref("dom.disable_window_flip", true);
user_pref("dom.disable_window_move_resize", true);

// Newline paste behavior. 0=unchanged, 1=only first line, 2=replace with spaces, 3=strip newlines
user_pref("editor.singleLine.pasteNewlines", 3);

// Set minimum font size
user_pref("font.minimum-size.ja", 9);
user_pref("font.minimum-size.x-western", 9);
user_pref("font.minimum-size.x-unicode", 9);

// Enable Smooth Scrolling
user_pref("general.smoothScroll", true);

// Only accept cookies from current site
user_pref("network.cookie.cookieBehavior", 1);

// Time (in ms) before starting to render a page (Default: 250)
user_pref("nglayout.initialpaint.delay", 500);

// Don't show Browser Messages
user_pref("privacy.popups.showBrowserMessage", false);

// Disable Security Warnings
user_pref("security.warn_entering_secure", false);
user_pref("security.warn_leaving_secure", false);
user_pref("security.warn_submit_insecure", false);

// Require user to manually confirm installation of all XPI packages?
user_pref("xpinstall.manual_confirm", true);

/*=============== Extensions ===============*/
user_pref("disabletarget.extensions", "zip rar exe tar jar xpi gzip gz ace bin mp3 pdf");
user_pref("extensions.irc.awayNick", "[Haz - away]");
user_pref("extensions.irc.collapseMsgs", true);
user_pref("extensions.irc.nickname", "[Haz]");
user_pref("extensions.irc.outgoing.colorCodes", true);
user_pref("extensions.irc.username", "ChatZilla");
user_pref("extensions.tabmix.dblClickTab", 5);
user_pref("extensions.tabmix.docShellMenu", true);
user_pref("extensions.tabmix.enableTabDrag", true);
user_pref("extensions.tabmix.focusTab", 2);
user_pref("extensions.tabmix.keepWindow", true);
user_pref("extensions.tabmix.minWidth", 30);
user_pref("extensions.tabmix.newTabButton", false);
user_pref("extensions.tabmix.shiftClickTab", 6);
user_pref("extensions.tabmix.singleWindow", true);
user_pref("cutemenus.skin", false);

Edit: Added "browser.download.manager.showAlertOnComplete". I never liked that alert.
Mozilla/5.0 (Windows; U; Win98; pt-BR; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

Thunderbird 1.0.2 (20050317)
TychoQuad
Posts: 1263
Joined: December 11th, 2002, 12:30 am
Location: Australia

Post by TychoQuad »

Greg S, I'm having a hard time figuring out what your trying to tell me to replace where. I've tried placing some of the files you gave me and pasting them into both usercontent.css and forms.css without much success, (unless success is white button text that turns black on hover) I feel we are on the right track with forms.css looking through it, but I still don't really know what I'm doing.

Disabling the focus rings on the checkboxes or radiobuttons no luck, but lazlo's tip worked great for the buttons! Just the box, radiobuttons and pulldown menus to go!
User avatar
Nemoflow
Posts: 33
Joined: April 12th, 2004, 2:07 pm
Contact:

Post by Nemoflow »

Is there a Code to change the Background- and FontColor of Sliders (deviantMessage, Download etc.) and the Popup from the "Translation Panel" Extension?

@ShareBird: Thank you.
Image
Old Greg S
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post by Old Greg S »

Nemoflow wrote:Is there a Code to change the Background- and FontColor of Sliders (deviantMessage, Download etc.) and the Popup from the "Translation Panel" Extension?

@ShareBird: Thank you.


Yes, but for which part?

Code: Select all

.alertBox {
color: red !important;
}

.alertTitle {
color: red !important;
}

.alertText {
color: red !important;
}

.alertText[clickable="true"] {
color: red !important;
}

.alertText[clickable="true"]:hover:active {
color: red !important;
}


I think .alertBox and .alertText will change the same parts for ya, can't remember for sure, been awhile but the above should give you some idea
edit: sorry I missed the background-color, of course you know you will have to add that in as well
User avatar
Nemoflow
Posts: 33
Joined: April 12th, 2004, 2:07 pm
Contact:

Post by Nemoflow »

Yes thanks Man, works perfectly...but unfortunately not for the "Translation Panel" Popup.
Image
Locked