Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

Next time when you're trying to be helpful check out the original post first.

I tweaked it a little last night so the rollover effect is a bit more subtle. px-nicer2.txt

Somehow simply copying and pasting the code into the forums didn't work. It inserts a space somewhere it doesn't belong in the image code.

You posted this and I posted how to do it. I won't bother doing so any longer. :whistle:

Link to comment
Share on other sites
Veteran

Darrian

Posted
Posted

You posted this and I posted how to do it. I won't bother doing so any longer. :whistle:

It was referencing a post that I put up much, much earlier in the thread, which used the code tags and thus displayed as you suggested. If you'd looked at the post in question you'd have seen that. I wasn't asking anybody for assistance, I was explaining to somebody why the code as it is displayed where I posted it will not work. Hence the more reliable method of linking to a text file, instead. I do appreciate your desire to help people, but mostly I just felt insulted. If you'd read the thread, even just the first page, you'd have seen I'm well aware of how to post code. Don't take it personally, I'm easy to irritate.

Link to comment
Share on other sites
Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

It was referencing a post that I put up much, much earlier in the thread, which used the code tags and thus displayed as you suggested. If you'd looked at the post in question you'd have seen that. I wasn't asking anybody for assistance, I was explaining to somebody why the code as it is displayed where I posted it will not work. Hence the more reliable method of linking to a text file, instead. I do appreciate your desire to help people, but mostly I just felt insulted. If you'd read the thread, even just the first page, you'd have seen I'm well aware of how to post code. Don't take it personally, I'm easy to irritate.

No problem. :)

Link to comment
Share on other sites
Contributor

BantryRed

Posted
Posted

post-346088-12822648847448.png

#appmenu-button
{
background-color: rgba(54, 121, 166, 0.2) !important;
}

#appmenu-button{
padding-left: 10px !important;
padding-right: 10px !important;
}

#appmenu-button .button-box .box-inherit:before {
  content: "Foxy";
}

#appmenu-button .button-box .box-inherit .button-text {
  display: none;
}

#appmenu-button{
padding: 3px 9px 3px 9px !important;
}

#appmenu-button
{
background-image: -moz-linear-gradient(top,rgba(198,201,206,.70),
                                   rgba(151,160,172,.70)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;}

#appmenu-button:hover{
background-image: -moz-linear-gradient(top,rgba(198,201,206,.8),
                                   rgba(151,160,172,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

#appmenu-button[open="true"]{
-moz-border-radius: 0px !important;
}

.tabbrowser-tab, .tabs-newtab-button {
  background: rgba(20,20,20,.5) !important;
  color: #ffffff !important;
  text-shadow: #000000 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
  font-size: 11px !important;
  border: #000000 1px solid !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 2px !important;
  -moz-box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important; 
  -moz-border-radius: 6px 6px 0px 0px !important;
  margin-top: 2px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
 margin-left: 0px !important;
 margin-right: 1px !important;
 padding-bottom: 0px !important;

}

.tabbrowser-tab[pinned="true"]
{
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

.tabbrowser-tab[pinned="true"] .tab-icon-image
{
  margin-top: 0px !important;

}

.tabbrowser-tab[selected="true"]{
  background-image: -moz-linear-gradient(top,rgba(198,201,206,.70),
                                   rgba(151,160,172,.70)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}

.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):hover {
  background-image: -moz-linear-gradient(top,rgba(198,201,206,1),
                                   rgba(151,160,172,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

.tabbrowser-tab[selected="true"]:hover,
.tabs-newtab-button:hover,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):hover {
  background-image: -moz-linear-gradient(top,rgba(198,201,206,1),
                                   rgba(151,160,172,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}



#main-menubar{
margin-left: 77px !important;
}

#appmenu-button-container{
position: fixed !important;
}

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 77px !important;
padding-top:2px !important;
}

#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-right: 104px !important;
}

#main-window[sizemode="maximized"] #navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-right: 108px !important;
}

#back-forward-dropmarker { display: none !important; }

#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #ybToolbar {

 background: transparent !important;
  color: #ffffff !important;
  text-shadow: #000000 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
    -moz-appearance: none !important;
border: #000000 !important;

}

.tabbrowser-tab {
  max-width: 190px !important;

  min-width: 0px !important;
}

toolbar #star-button[starred="true"]
{
display:   none !important;
}

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

Mixture of a couple of codes here, thanks everyone. 2 Questions, is it possible to move the Icon on the app tab window down 1 or 2 px, slightly high I think, also does any one know the color code for the green/blue hue around the default buttons? And is it possible to implement this color into the tabs? Thanks.

Link to comment
Share on other sites
Enthusiast

MaSx

Posted
Posted

Hey guys,

Well, I used some of your codes here and put them all together to my liking.

However, I'm having two problem with my Firefox menu bar and find bar.

I can't seem to move the Firefox text downward in the middle and find bar to be glossy when more than one tab is open.

Also, how to change tabs color? Anyways, have a look at the pic you'll know what I mean.

Thanks :)

Edit: I added the code below!

675ahe.jpg

Here are my codes:

/* :::Firefox Menu::: */

#appmenu-button-container 
{ margin-top: -0px !important;
  padding: 0px 1px 5px 1px !important; }


#appmenu-button 
 { min-height: 20px !important;
   height: 20px !important;
   background: -moz-linear-gradient(top, rgba(33,170,222,.6), rgba(25,62,118,.6)), -moz-radial-gradient(center 100%, cover,    

rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.4)) !important;
   -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6), 0 0 0 rgba(60, 132, 196, 0.0), 0 0 0 1px rgba(255, 255, 255, 0.2)    

inset, 0 0 5px rgba(255, 255, 255, 0.5) inset !important;
   text-shadow: 0 0 1px #000 !important; }

#appmenu-button:hover
{ background: -moz-linear-gradient(top, rgba(33,170,222,.99), rgba(25,62,118,.99)), -moz-radial-gradient(center 100%, cover, 

rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.4)) !important; }


#appmenu-button .button-text
{ margin: -2px 0 0px -37px !important;
  padding-left: 60px !important;
  color: none !important;
  min-height: 20px !important;
  height: 20px !important;
 background:url
("data:image/png;base64,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") no-repeat 16px !important; }


/* :::Change Bookmarks Toolbar Text::: */

toolbarbutton.bookmark-item .toolbarbutton-text 
{ color: none !important; }





/* :::Toolbars::: */


#TabsToolbar 
{ background: transparent !important;
 color: #ffffff !important;
 text-shadow: none 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
 -moz-appearance: none !important;
 border: #000000 !important; }


#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #ybToolbar 
{ background: transparent !important;
 color: #ffffff !important;
 text-shadow: green 1px 1px 2px, purple -1px 1px 2px, green 1px -1px 2px, yellow -1px -1px 2px !important;
 -moz-appearance: none !important;
 border: #000000 !important; }

.findbar-find-next, .findbar-find-previous, .findbar-highlight
{ color: #ffffff !important;}

#PersonalToolbar 
{ background: transparent !important;
  color: #ffffff !important;
  text-shadow: none 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
  -moz-appearance: none !important;
  border: #000000 !important; }

#navigator-toolbox,#PersonalToolbar
{ background-color: rgba(223,233,245,.0) !important; }

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar) 
{ background-color: rgba(223,233,245,.6) !important; }

Link to comment
Share on other sites
Collaborator

V23

Posted
Posted

Hey MaSx, I tried to implement your firefox menu button in my browser (it looks really good by the way) but the firefox logo doesn't show up and there are a few errors seemingly with the script (at least for me). Any ideas why it isn't working?

Thanks

23514102.png

Link to comment
Share on other sites
Enthusiast

MaSx

Posted
Posted

mark_v, I think it's because of the background url problem. You probably missed something in between.

I'm not sure about the error, because I used the notepad to edit, add, delete stuff, I don't know much about CSS.

I attached the file, you can download it =)

userChrome.css

Link to comment
Share on other sites
Veteran

Darrian

Posted
Posted

The same reason I switched to posting .txt files when my code incorporates images; for some reason long image strings get broken with spaces where they don't belong when pasting into the forum. Paste the code into notepad, make sure word wrapping is off and delete the extra spaces so that the code for the logo only takes up one line, then copy that and paste it into Stylish.

Link to comment
Share on other sites
Collaborator

oddMLan

Posted
Posted

how'd you get the progress bars in the tabs?

Opera button mix with minimal and odd bits of enhancements

with Informational Tab add-on

Sorry, but this was necesary ;) .

Once that you have installed this, go to the Add-ons manager and edit the preferences of the add-on to your preference :rolleyes: [/redundancy]

Link to comment
Share on other sites
Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

Sorry, but this was necesary ;) .

Once that you have installed this, go to the Add-ons manager and edit the preferences of the add-on to your preference :rolleyes: [/redundancy]

thanks, i asked because the only add-on I knew of that did it was the one used in the strata40 bundle, but that add-on doesn't work right in the nightlies,(only shows up on far left tab)

Link to comment
Share on other sites
Veteran

Darrian

Posted
Posted

Opera button mix with minimal and odd bits of enhancements

with Informational Tab add on

You realize that the icon you borrowed from me is a phoenix and not an Opera logo, right?

Link to comment
Share on other sites
Rising Star

BilliShere

Posted
Posted

I'm once again noobishly trying to make the navbar have a drop shadow on the tabs except for the active tab. Like in the mockups!

#navigator-toolbox[tabsontop=true] #nav-bar{
  -moz-box-shadow: 0px -10px 15px rgba(0,0,0,0.5)
}

That's all I've got so far. But I the drop shadow applies on the active tab as well. which is what i don't want. I want the navbar to have a drop shadow only on the inactive tabs. Anyone got any ideas as how to do that?

Here is the example of what I'm trying to achieve

app-menu-win-7-009.jpg

see how the navbar has a slight shadow on the tab bar? except on the active tab...

Link to comment
Share on other sites
Apprentice

n3Tk0

Posted
Posted

Mozilla Firefox 4b2 with Minimal theme, add-ons Informational Tab & Locationbar2

mozillak.jpg

AppButton

#appmenu-button{
padding-left: 17px !important;
padding-right: 10px !important;
margin-left: 3px !important;
height: 17px !important;
}

#appmenu-button .button-box .box-inherit:before {
  content: "n3Tk0";
}

#appmenu-button .button-box .box-inherit .button-text {
  display: none;
}

Stop/Reload Button

toolbar[mode="icons"][currentset*="urlbar-container,reload-button,stop-button"] #urlbar {
  -moz-border-radius: 2px 0 0 2px !important;
  border-right: 0 !important;
}

#urlbar-container + #reload-button,
#urlbar-container + #reload-button + #stop-button{
  border: 1px solid rgba(0,0,0,.35) !important;
  border-left: 0 !important;
  -moz-border-radius: 0 2px 2px 0 !important;  
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.90) !important;
  margin-left: -3px !important;
  background-clip: padding-box !important;
}

#urlbar-container + #reload-button {
  padding: 0 4px 0 4px !important;
}

#urlbar-container + #reload-button + #stop-button {
  padding: 0 4px 0 5px !important;
}

Tabs

.tab-text{
padding: 0 0 0 5px !important;
}

.tabbrowser-tab .tab-icon-image {
  display: inherit !important;
  margin-left: -2px !important;
  height: 14px !important;
  width: 14px !important;
}

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button) {
  height: 15px !important;
  min-height: 15px !important;
  min-width: 20px !important;
  max-width: 200px !important;
}

Border(My Windows style have 2px border, from usual 4px)

  #main-window[sizemode="maximized"][chromemargin^="0,"] {
    margin-top: 5px !important;
  }

Progess bar at tabs(copy only that i need from Thin & Smooth line at the top

/* The actual progress line - Color & Shadow */
.tab-progress > .progress-bar{
background-color: highlight !important;
-moz-box-shadow: 0px 1px 6px 1px highlight !important;
}


/* The background of the progrss line - Color & Thickness */
.tab-progress{
background-color: transparent !important;    /* ← Remove the background (or type in a color to add a background) */
min-height: 1px !important;            /* ← Thickness (*) */
max-height: 2px !important;            /* ← Thickness (*) */
}

Link to comment
Share on other sites
Rookie

Dunstark

Posted
Posted

I updated my Addon Manager Userstyle to match mockups:

addonsmanager.png

    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://mozapps/content/extensions/extensions.xul"),url("about:addons") {

page {
  background: #d1dcea -moz-linear-gradient(rgba(255,255,255,0) , rgba(255,255,255,.15)) !important;
}

#header-name, #header-link {
  color: #7a8797;
  text-shadow: 0 0 0 transparent !important;
  font-weight: bold;
}

.category[selected] {
  background-color: #dee7f2 !important;
  border-color: #aebcd4 !important;
  -moz-box-shadow: -1px 0 0 0 #dee7f2 inset ,0 1px 2px rgba(183,196,217,.5) inset,0 1px 0 rgba(255,255,255,.7) !important;
}

#view-port {
  background-color: #dee7f2 !important;
  border-color: #aebcd4 !important;
  -moz-box-shadow: 1px 0 0 0 #dee7f2 inset ,0 1px 2px rgba(183,196,217,.5) inset,1px 0 0 0 rgba(255,255,255,.7) !important;
}



/*Buttons*/
button.addon-control , #header-utils-btn {
-moz-appearance: none !important;
  border: 1px solid #A2A6AD;
  -moz-border-radius: 3px !important;
border: 1px solid #90a3b9 !important;
border: 1px solid rgba(0,0,0,.32) !important;
background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.05) 51%, rgba(255,255,255,0.35)) !important; 
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
background-color: rgba(29,40,58,.1) !important;
}

 #header-search {
 -moz-appearance: none !important;
 background-color: #ecf1f7 !important;
 border: 1px solid #9ca4b0 !important;
 -moz-border-radius: 3px !important;
 -moz-box-shadow: -1px 0 0 rgba(255,255,255,.65), -2px 0 1px -1px rgba(0,0,0,.1) inset;
}

.sorter {
  color: #536680 !important;
}
.view-header  {
 background: #e7edf4 !important;
-moz-border-radius: 5px 5px 0 0;
-moz-box-shadow: 1px 0 0 0 #dfe7f1 inset ,0 1px 2px rgba(183,196,217,.5) inset!important;
}

.sorter[checkState="1"],
.sorter[checkState="2"] {
  background-color: #dbe1e9 !important;
  -moz-box-shadow: -1px 0 2px 0 rgba(0,0,0,.15) inset;
}

.text-link , #detail-creator , #detail-creator a {
  color: #4775bf !important;
font-weight: bold !important;
text-decoration: none !important;
}

#detail-name {
  font-weight: bold !important;
}

.name,
.version,
.update-postfix {
  font-weight: bold !important;
  color: #383a3c !important;
}

.addon[selected] {
  background-color: #cfd7e9 !important;
border: 3px solid #6b79b2 !important;
color: black !important;
}


}

Link to comment
Share on other sites
Grand Master

Steven P. Administrators

Posted
  • Author
  • Administrators
Posted

All credit goes to SoapyHamHocks - I used styles found here: http://userstyles.org/users/39923 since mine became a little outdated.

post-2-12827511697621.png

Only changes I made are:

Blue toolbar:

#PersonalToolbar {
  border-top: 0 !important;
  -moz-appearance: none !important;
  background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;
  padding: 0 !important;
}

#PersonalToolbar .bookmark-item:not(menuitem):not(menu) {
  color: white !important;
  padding: 0 5px !important;
}

White text for inactive tabs:

tab:not([selected="true"])
{
color: white !important;
}

Blue Firefox Button:

#appmenu-button-container{
margin: 0px 0px 1px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: 1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(78,147,229,1), rgba(0,78,213,1)) !important;
}
#appmenu-button .button-text { display:none !important; }
#appmenu-button dropmarker:before { content: "Firefox" !important; }

Only issue I'm having is with the stop/reload button with Omnibar:

post-2-12827345558197.png

toolbar[mode="icons"][currentset*="urlbar-container,reload-button,stop-button"] #urlbar {
  -moz-border-radius: 4px 0 0 4px !important;
  border-right: 0 !important;
}

#urlbar-container + #reload-button,
#urlbar-container + #reload-button + #stop-button{
  border-color: rgba(0,0,0,.25) rgba(0,0,0,.32) rgba(0,0,0,.37) !important;
  -moz-border-radius: 0 4px 4px 0!important;  
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1) inset,
                   0 1px 0 rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.725) !important;
  margin-left: -3px !important;
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODAwNTk3Rjk2NjExMURGOTRBMUI2RTAyRUYxRjAxNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODAwNTk3RTk2NjExMURGOTRBMUI2RTAyRUYxRjAxNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQ0Q3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoZDigQAAAN3SURBVHjajJJ/aBNnGMefy11ySS65kOtilyZNurX+rAYzEJ2DaVn9R+vAsblUN2m1UK2KKM5J/bEaVnGsqfujigqWOqZVmJPqtO3arbINEcfEiVpbtYKm1NCY1OSa5HJ573yutFDY/tgLH7jn5b3v+7zP90s9HonrAMCE8IgV/r1yCLOybGnFQP+DZvi/C4VtyMyvvz26xOUubDCY7ReBy+sz2J0XnQVFQW1/1py5u4Ay9amqChVFBVWIQ/ueDu4JyKapmtJEd9bVzLva0bXFIOQZXM4ZYY/b/TIhivnxV8k3QadTiKLSRM7CO5lIO0vTJ0FH3ZVzpPzSk+ejWnNrigsFPUP3gqL6JUK2dwyFW5jzP7TlXbvcVWtzFYiHDtR3ra8MvFBUNaMoqvR5dc1HY4nxhQaTEZJjMag/ePhJW8O+iBSP+XI03RuY5S1HXWJhDb16AL9BsEU3HAg+1i6j3B7vVxFRXhY60nh2XSAwnM7KYUkm2ZVl71eIYFhd6CkEjuMgGX8Jt/o6Vz0beFj3XW317uyrsXx8zV1QgQDJ+Rmej+440Rp6q3RBC+qKFKM3XSqe7xu98fv1y5Kcu5+ScjIatXZwaHi1p6QEBEEAhmZATMSh//bNMvzJHB4cqDu9c+tuRUzmg6Lgjim68ejxkHfe/AlRrWOGUIzF5XI9xaenUDSubV7ru/Gzxai/iXMT/sPvVOfpU+0sy26nFYK62LCezfScaT1f802zOHUIm9GL6VTajnOVsaaRJBIWM3IUQMbRgRZHosVOsBihesFMwW7lr9g5zmN8wxGlVELGRl647/3W01E19+3ytv6hCUN1+YL1n9FYzHuuvd2Ldd5klrULVO1ihJ1sYhzNEvRompFS/TqzOfpJQ2NobWNTk95mjbAU+LRk4BnHhPCmzXW/SBlJvvDjTx+fOnli9qS4E3EE9+8vXfHeu5/+cf1XF9YW1sx9hg36wcRFNxxpDrlmz2lxFpccrwoda6J5PoIB9hk5rmoiFVqO9+7Z4xt4NFhrsfIMIeQpZnQ4mUw60+lM8Xgill1fWXnuiy/39ngdfEHrwfpDHwTW/TndKM3Q55iWnrPfL98YPBzE+pYmbMOPGZ1Xr3i6u7s/TIipEimbNaMrot3GP9q2dcvfS5csjuFc7uCMR/DsIqR/mujUMiOlyF9a8VqAAQCMEogyPkkkHQAAAABJRU5ErkJggg==") !important;
  opacity: 1 !important;
  padding: 0 6px 0 6px !important;
  -moz-transition: -moz-box-shadow .1s !important;
}

#urlbar-container + #reload-button {
  -moz-image-region: rect(0 11px 12px 0) !important;
}

#urlbar-container + #reload-button + #stop-button {
  -moz-image-region: rect(0 22px 12px 11px) !important;
}

#urlbar-container + #reload-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(rgb(158,204,241), rgb(111,177,225) 49%,
                                   rgb(91,159,217) 50%, rgb(81,152,210) 60%,
                                   rgb(62,138,204)) !important;
  -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.40) inset, 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#urlbar-container + #reload-button + #stop-button{
  background-image: -moz-linear-gradient(rgb(230,161,138), rgb(209,119,100) 49%,
                                   rgb(192,93,78) 50%, rgb(185,85,70) 60%,
                                   rgb(193,90,74)) !important;
  -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.40) inset, 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#urlbar-container + #reload-button + #stop-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(rgb(240,161,138), rgb(219,119,100) 49%,
                                   rgb(203,93,78) 50%, rgb(195,85,70) 60%,
                                   rgb(203,90,74)) !important;
}

#urlbar-container + #reload-button:not([disabled]):hover:active,
#urlbar-container + #reload-button + #stop-button:not([disabled]):hover:active {
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.8), 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#stop-button .toolbarbutton-icon,
#reload-button .toolbarbutton-icon{
  height: auto !important;
  width: auto !important;
}

#navigator-toolbox:not([tabsontop="true"]) #urlbar-container + #reload-button,
#navigator-toolbox:not([tabsontop="true"]) #urlbar-container + #reload-button + #stop-button {
  background-clip: padding-box !important;
}

Any fix for this?

Edit: Also for some reason my bookmarks star (using SoapyHamHocks stylish script) does not go on the left!? Why is that? :p

Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.