Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Collaborator

vajlent

Posted
Posted

Here is my edited code for the add-on bar:

(both maximized/minimized window mode.)

vnck2g.png

#navigator-toolbox:not([customizing]) ~ #browser-bottombox {
        position: fixed;
        bottom: 0;
        left: 0;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
        -moz-appearance: none !important;
        padding: 4px 8px 1px 8px !important;
        margin-bottom: -1px !important;
        border: none !important;
        border-radius: 1.5px 1.5px 0 0 !important;
        margin-right: 0px !important;
        background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
        position: fixed;
        bottom: -7px;
        right: 18px;
        opacity: 0;
        -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}
#addon-bar .toolbarbutton-1 {
        vertical-align: bottom !important;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
        bottom: 0;
        opacity: 1;
        -moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

#addonbar-closebutton {
    display: none !important;
}


#FindToolbar {
        border: none !important;
}
#FindToolbar .findbar-container {
        margin-bottom: -2px !important;
        margin-left: -2px !important;
        border-radius: 0 1.5px 0 0 !important;
        background: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
}
#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status, #FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
        padding-right: 5px !important;
}
#FindToolbar .find-status-icon[status="notfound"], #FindToolbar .find-status-icon[status="wrapped"] {
         margin-left: -1px !important;
}
#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
         display: none !important;
}

  • Syanide and +Audioboxer
  • Like 2
Collaborator

vajlent

Posted
Posted

How would I make my Firefox look like this?

35FEW.jpg

Just pin your home/startpage and use this about:home favicon script ;)

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

#urlbar [src="chrome://branding/content/icon16.png"], 
tab [src="chrome://branding/content/icon16.png"],
.bookmark-item [src="chrome://branding/content/icon16.png"] { 
  padding-left:16px !important; 
  margin-top: 0 !important;
  -moz-image-region: auto !important;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAAXNSR0IArs4c6QAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2goQEiscGAsM7wAAAbZJREFUKM+Nkb1rU2EUxn/vm/fmNokxCY0xSPu2UGgHqYh0qEXokMXJQZxdBJ2E+gGCu4OgUMGCdHJx8C+QzKJth0oVCqWgNS/Y2kJIevNx09v74XAjiZvPdDjnx3k4zxEMyQgskkR4+Doa9MUQIklTpIBPnQa9ASaGkCxjx+mrj1X322uOOaKtQ/4xSpiCuVRdyHy8EJWjzIe1eTNr8iYRT2WMkGfyffnm6sS1GaYZu15ZqRaZJBdjAowiz8TL8bdvps6XsAk54YAfew/u3z2gRlMHwigK6DtXvryYPlvCQhIR0OOI3Xrl4attDA1hzqFvVH4/m1FFkigEISE+Jxyy61588u4zPyVn5m/vPC+rPGlS2NiMMIKNTY5SamN58RYZRftr1do2qUfLo1goJCE+EOC560tEXq3XUTTcT+7495KHRZJTmkAGi1M6OJt02KcrtY9DMyBEImm7K/eeLrWQCAKApna0rwbRCwQtnM29XItCHCBDYQL9mzzAxyckZPDheFMQcUgWwS8gYh+BSx2IPQWAyYmp7FyMO1sikb3crzeo6dZfSJEmhYwvR5Ds1y5dHfB/+gPvmqQZh9ATTAAAAABJRU5ErkJggg==") no-repeat  center  !important; 
}

Explorer

parry

Posted
Posted

Just pin your home/startpage and use this about:home favicon script ;)

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

#urlbar [src="chrome://branding/content/icon16.png"], 
tab [src="chrome://branding/content/icon16.png"],
.bookmark-item [src="chrome://branding/content/icon16.png"] { 
  padding-left:16px !important; 
  margin-top: 0 !important;
  -moz-image-region: auto !important;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAAXNSR0IArs4c6QAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2goQEiscGAsM7wAAAbZJREFUKM+Nkb1rU2EUxn/vm/fmNokxCY0xSPu2UGgHqYh0qEXokMXJQZxdBJ2E+gGCu4OgUMGCdHJx8C+QzKJth0oVCqWgNS/Y2kJIevNx09v74XAjiZvPdDjnx3k4zxEMyQgskkR4+Doa9MUQIklTpIBPnQa9ASaGkCxjx+mrj1X322uOOaKtQ/4xSpiCuVRdyHy8EJWjzIe1eTNr8iYRT2WMkGfyffnm6sS1GaYZu15ZqRaZJBdjAowiz8TL8bdvps6XsAk54YAfew/u3z2gRlMHwigK6DtXvryYPlvCQhIR0OOI3Xrl4attDA1hzqFvVH4/m1FFkigEISE+Jxyy61588u4zPyVn5m/vPC+rPGlS2NiMMIKNTY5SamN58RYZRftr1do2qUfLo1goJCE+EOC560tEXq3XUTTcT+7495KHRZJTmkAGi1M6OJt02KcrtY9DMyBEImm7K/eeLrWQCAKApna0rwbRCwQtnM29XItCHCBDYQL9mzzAxyckZPDheFMQcUgWwS8gYh+BSx2IPQWAyYmp7FyMO1sikb3crzeo6dZfSJEmhYwvR5Ds1y5dHfB/+gPvmqQZh9ATTAAAAABJRU5ErkJggg==") no-repeat  center  !important; 
}

Thanks for that! Is it possible to make the orange firefox button in the above style?

Explorer

parry

Posted
Posted

Isn't that what you wanted? Or do you mean the position of it?

I should have been a bit more clearer in my original post.

Currently I have the moved the orange button to the same row as my tabs.

Instead of it being orange I want it to look like another tab as in this mockup I've thrown together below:

DafnQ.jpg

Grand Master

+Audioboxer Subscriber²

Posted
  • Subscriber²
Posted

Here is my edited code for the add-on bar:

(both maximized/minimized window mode.)

vnck2g.png

#navigator-toolbox:not([customizing]) ~ #browser-bottombox {
        position: fixed;
        bottom: 0;
        left: 0;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
        -moz-appearance: none !important;
        padding: 4px 8px 1px 8px !important;
        margin-bottom: -1px !important;
        border: none !important;
        border-radius: 1.5px 1.5px 0 0 !important;
        margin-right: 0px !important;
        background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
        position: fixed;
        bottom: -7px;
        right: 18px;
        opacity: 0;
        -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}
#addon-bar .toolbarbutton-1 {
        vertical-align: bottom !important;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
        bottom: 0;
        opacity: 1;
        -moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

#addonbar-closebutton {
    display: none !important;
}


#FindToolbar {
        border: none !important;
}
#FindToolbar .findbar-container {
        margin-bottom: -2px !important;
        margin-left: -2px !important;
        border-radius: 0 1.5px 0 0 !important;
        background: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
}
#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status, #FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
        padding-right: 5px !important;
}
#FindToolbar .find-status-icon[status="notfound"], #FindToolbar .find-status-icon[status="wrapped"] {
         margin-left: -1px !important;
}
#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
         display: none !important;
}

Nice, using this (Y)

Grand Master

Syanide

Posted
Posted

Here is my edited code for the add-on bar:

(both maximized/minimized window mode.)

vnck2g.png

#navigator-toolbox:not([customizing]) ~ #browser-bottombox {
        position: fixed;
        bottom: 0;
        left: 0;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
        -moz-appearance: none !important;
        padding: 4px 8px 1px 8px !important;
        margin-bottom: -1px !important;
        border: none !important;
        border-radius: 1.5px 1.5px 0 0 !important;
        margin-right: 0px !important;
        background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
        position: fixed;
        bottom: -7px;
        right: 18px;
        opacity: 0;
        -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}
#addon-bar .toolbarbutton-1 {
        vertical-align: bottom !important;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
        bottom: 0;
        opacity: 1;
        -moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

#addonbar-closebutton {
    display: none !important;
}


#FindToolbar {
        border: none !important;
}
#FindToolbar .findbar-container {
        margin-bottom: -2px !important;
        margin-left: -2px !important;
        border-radius: 0 1.5px 0 0 !important;
        background: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
}
#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status, #FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
        padding-right: 5px !important;
}
#FindToolbar .find-status-icon[status="notfound"], #FindToolbar .find-status-icon[status="wrapped"] {
         margin-left: -1px !important;
}
#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
         display: none !important;
}

Very nice (Y)

Grand Master

protocol7

Posted
Posted

Hmm seeing as Audioboxer's code is the same as mine but my bar looks different I guess my Windows theme (Soft7) is interfering. Is there any way to over-ride this?

When kilara1988 asked me if I was using a theme on the other FF thread I assumed they meant a Firefox theme, but maybe they meant a Windows one.

Rookie

Makmende

Posted
Posted

Hi! I've been using this code to make the tab bar smaller :

#TabsToolbar{
   height: 24px !important;
}

 .tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
border-radius:4px 4px 4px 4px !important;
 }

It worked fine till today when i updated to the latest nightly build 4.2a1pre.

Now it's doesn't work as it should so I'd be very grateful if someone could post an updated version.

Community Regular

foxxyn8

Posted
Posted

How would I go about deleting the top portion of the bookmarks menu?

DMRtA.jpg

for just the bookmark menubutton:

#BMB_viewBookmarksToolbar,
#BMB_bookmarksShowAll,
#BMB_bookmarkThisPage,
#BMB_subscribeToPageMenuitem,
#BMB_subscribeToPageMenupopup,
#BMB_bookmarksToolbar,
#BMB_bookmarksPopup > menuseparator:nth-child(2),
#BMB_bookmarksPopup > menuseparator:nth-child(4),
#BMB_bookmarksPopup > menuseparator:nth-child(8),
#BMB_bookmarksPopup > menuseparator:nth-child(10) {
        display: none !important;
}

Collaborator

vasa1

Posted
Posted

Is there a way to move the page loading status poput at the bottom left of the screen? I want it a few pixels up and few to the right, so there's just a little gap.

statuspanel { position: fixed; top: 456px; min-width: 25% !important; max-width: 90% !important; pointer-events: none !important; }

brings it near the middle of my screen, height-wise. Increasing the "top" value will lower it further.

I don't know of a way to move it to the right.

This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Adobe Acrobat Reader DC 2026.001.21651

      By Copernic · Posted

      Adobe Acrobat Reader DC 2026.001.21651 by Razvan Serea Adobe Acrobat Reader DC software is the free, trusted standard for viewing, printing, signing, and annotating PDFs. Its the only PDF viewer that can open and interact with all types of PDF content – including forms and multimedia. It’s connected to Adobe Document Cloud – so you can work with PDFs on computers and mobile devices. Adobe Document Cloud is a revolutionary, modern and efficient way to get work done with documents in the office, at home or on-the-go. At the heart of Document Cloud is the all-new Adobe Acrobat DC, which will take e-signatures mainstream by delivering free e-signing with every individual subscription. Document Cloud includes a set of integrated services that use a consistent online profile and personal document hub. With Adobe Document Cloud, people will be able to create, review, approve, sign and track documents whether on a desktop or mobile device. Businesses will be able to take advantage of Document Cloud for enterprise which provides enterprise-class document services that integrate into systems of record such as CRM, HCM, CLM, and CMS, adding speed, efficiency and transparency to getting business done with documents. Adobe Acrobat Reader DC new feature highlights: Work with PDFs from anywhere with the new, free Acrobat DC mobile app for Android or iOS. Select functionality is also available on Windows Phone. Use the new Fill & Sign tool in your desktop software to complete PDF forms fast with smart autofill. Download the free Adobe Fill & Sign mobile app to add the same option to your iPad or Android tablet device. Save money on ink and toner when printing from your Windows PC. Store and access files in Adobe Document Cloud with 5GB of free storage. Get instant access to recent files across desktop, web, and mobile devices with Mobile Link. Sync your Fill & Sign autofill collection across desktop, web, and iPad devices. Adobe PDF Pack premium features includes: Convert documents and images to PDF files. Use your mobile device camera to take a picture of a paper document or form and convert it to PDF. Turn PDFs into editable Microsoft Word, Excel, PowerPoint, or RTF files. Combine multiple files into a single PDF (web only). Get signatures from others with a complete e-signature service. Send, track, and confirm delivery of documents electronically instead of using fax or overnight services (tracking not available on mobile). Store and access files online with 20GB of storage. Download: Adobe Acrobat Reader DC 64-bit | 719.0 MB (Freeware) Link: Adobe Acrobat Reader DC Home Page | Release Notes | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Politically funny images of the World

      By +Edouard · Posted

    • Nearly 70% of Steam users now run Windows 11

      By grunger106 · Posted

      The consumer ESU is ending in 4 months. LTSC isn't now, never has been, and never will be for consumer use, it is for OT usage - plant machinery, medical devices, manufacturing equipment etc. LTSC requires a Microsoft EA. You can't legally obtain LTSC to run on your PC at home.
    • Supergirl (2026 - DC/WB)

      By hellowalkman · Posted

      Hmm actually looks decently interesting!  
    • Unofficial script lets you install unreleased Windows 11 features without Microsoft Account

      By grunger106 · Posted

      Being on GitHub doesn't make something safe. Like any unofficial scripts to do x or y this caters to people with just enough knowledge to be dangerous. If you want to do what this does, and you actually know what you're doing then write your own script (or maybe just add the reg keys yourself) if you don't have the ability to read and understand what a script is doing, and especially don't run it with elevated privileges. Or in this case just use an MSA, sign up the normal route, and stop trying to push water up hill

  • Recent Achievements

    • Week One Done
      JKR earned a badge
      Week One Done
    • Rookie
      moog19 went up a rank
      Rookie
    • Mentor
      grik went up a rank
      Mentor
    • Dedicated
      JKR earned a badge
      Dedicated
    • One Year In
      CHUNWEI earned a badge
      One Year In

  • Popular Contributors

    1. 1
      +primortal
      488
    2. 2
      PsYcHoKiLLa
      271
    3. 3
      Skyfrog
      75
    4. 4
      Steven P.
      68
    5. 5
      FloatingFatMan
      64
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!