Post your userFiles!

dickvl · Post by **dickvl** » May 9th, 2006, 5:41 pm

Here is another suggestion for 3D look: http://forums.mozillazine.org/viewtopic ... 69#1811869

Webb · Post by **Webb** » May 10th, 2006, 6:29 am

Excuse me if this is in the wrong place but I've been following this thread and I need your expertise.

I'm using Stylish to round the edges of my address box. The code is:

Code: Select all

#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 3px !important;
  padding-right: 1px !important; }

and screenshot.

I don't have any need for the drop down arrow so I use this code to delete it

Code: Select all

.autocomplete-history-dropmarker {
display: none !important; }

and another screenshot

As you can see from the second screenshot removing the drop down arrow nullifies the rounded address box. This happens on 2 different computers with 2 different themes.

How can I round the address box and remove the drop down arrow? FWIW Stylish treats these as two different styles but I don't think that makes any difference.

(Ignore the RSS indicator - it doesn't have any effect.)

supernova_00 · Post by **supernova_00** » May 10th, 2006, 6:33 am

I believe that roundness is part of that theme in the first place because the code you said you use doesn't make the address bar anywhere near that round. I've been using the same code for my extension for months and it barely makes the address bar corners round.

Webb · Post by **Webb** » May 10th, 2006, 8:58 am

You're right! I disabled the style and it's still rounded. Go figure.

But removing the drop down arrow still makes the corner square. How can I get around that?

dickvl · Post by **dickvl** » May 10th, 2006, 10:09 am

It could be that you don't have rounded corners because the rounded corners are further to the right and not displayed.
You can try to use visibility: hidden !important; instead of display: none

Webb · Post by **Webb** » May 10th, 2006, 1:24 pm

Nope. That still overrides the rounded corner. I tried moving the FoxyTunes icon and/or adding a space between the url bar and the icon but it doesn't make any difference.

Old Greg S · Post by **Old Greg S** » May 10th, 2006, 2:30 pm

Webb wrote:Nope. That still overrides the rounded corner. I tried moving the FoxyTunes icon and/or adding a space between the url bar and the icon but it doesn't make any difference.

What theme? I've seen some themes that have the arrow inside the right cap of the roundeds which means you lose the right rounded cap if that's the case.

Webb · Post by **Webb** » May 10th, 2006, 2:54 pm

The themes are Noia extreme and Brushed (it happens with both).

Webb · Post by **Webb** » May 11th, 2006, 7:28 am

Thanks for trying. I accomplished through brute force what I couldn't do with css. I removed the dropdown marker images from the theme jars.

Raila · Post by **Raila** » May 11th, 2006, 10:46 pm

::hugs Greg::

You are my sunshine...

::bounces away again::

bookworm_2005 · Post by **bookworm_2005** » May 12th, 2006, 7:54 pm

Does anyone who is using the Bon Echo Nightly Builds know how to hide the ugly new button in the search box? I don't want to hide the drop-down menu, just the button. I've looked with DOM inspector, but nothing I've tried works. Most of what I know about CSS I learned from this thread, so I've just been guessing.
<img src="http://tiffany.mcleod.googlepages.com/sshot-64.png">
--------
User Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1a2) Gecko/20060512 BonEcho/2.0a2
Build ID: 2006051203

Grist · Post by **Grist** » May 12th, 2006, 10:04 pm

Code: Select all

.search-go-button {
  min-height: 16px !important;
}

.search-go-button .toolbarbutton-menubutton-button {
  display: none !important;
}

Give that a try. The min-height declaration is there so you don't end up with a tiny dropmarker button.

bookworm_2005 · Post by **bookworm_2005** » May 13th, 2006, 10:03 am

Grist wrote:
Code: Select all
.search-go-button {
  min-height: 16px !important;
}

.search-go-button .toolbarbutton-menubutton-button {
  display: none !important;
}
Give that a try. The min-height declaration is there so you don't end up with a tiny dropmarker button.

Perfect! Thank you.

supernova_00 · Post by **supernova_00** » May 15th, 2006, 8:48 am

Ever since #258679[Firefox:Toolbars]-Search bar on toolbar no longer resizes with browser width [All] landed the search bar is huge on the trunk. Not a problem I know the css code to reduce the size but I have an extension that uses the following code that collapses the search bar when not hoverd over...well it use to. now it just expands 200px from where the search bar is. Can anyone help me out?

#search-container {
margin: 0 1px 0 0 !important;
padding: 0 0 0 5px !important; }
#search-container .searchbar-textbox,
#search-container .textbox-input-box {
margin: 0 !important;
padding: 0 !important; }
#searchbar[empty="true"] .searchbar-textbox {
color: White !important; }
#search-container .searchbar-dropmarker {
margin: 1px 0 0 1px !important;
padding: 0 !important; }
#search-container * { width: auto !important; }
#search-container .textbox-input-box {
width: 0 !important; }
#search-container:hover .textbox-input-box {
/* width: auto !important; */
width: 200px !important;
padding: 0 0 0 5px !important; }
#search-container:hover .searchbar-textbox {
-moz-appearance: textfield !important;
-moz-border-radius: 5px !important;
background-color: -moz-field !important; }

Old Greg S · Post by **Old Greg S** » May 17th, 2006, 8:26 pm

Raila wrote:::hugs Greg::

You are my sunshine...

::bounces away again::

Hey Momma! Don't be such a stranger. After all, you started the thread,lol