Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Contributor

BantryRed

Posted
Posted

SoapyHamHocks, is it possible to mix these following codes of yours, so that if you have the History or Bookmarks tabs open, their color is the same as an open tab, but normal and hover is the same as the background tabs? Also can the bookmarks star be moved to the left in the url bar. Thanks.

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not

(#new-tab-button): {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-position: -6px -2px !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url

("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 

5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
  background-image: -moz-radial-gradient(center top, white, 

rgba(255,255,255,0) 60%),
                    -moz-linear-gradient(left, transparent, 

transparent 1px,
                                                 rgba

(255,255,255,.5) 1px, rgba(255,255,255,.5)),
                    -moz-linear-gradient(left, transparent, 

transparent 1px,
                                                 rgb

(227,237,246) 1px, rgb(227,237,246)) !important;
}
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not

(#new-tab-button) {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-position: -6px -2px !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url

("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 

5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
  background-image: -moz-linear-gradient(left, transparent, 

transparent 1px,
                                                 rgba

(255,255,255,.4) 1px, rgba(255,255,255,.4)) !important;
}

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button) {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
}

.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button)  {
  background-position: -5px -2px !important;
  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,.8),
                                   rgba(151,160,172,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

SoapyHamHocks, is it possible to mix these following codes of yours, so that if you have the History or Bookmarks tabs open, their color is the same as an open tab, also can the bookmarks star be moved to the right in the url bar. Thanks.

Here you go just add this at the end of your code. Do you mean move the bookmark star to the left?

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button)[checked="true"] {
    background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
                      -moz-linear-gradient(left, transparent, transparent 1px,
                                                 rgba(255,255,255,.5) 1px, rgba(255,255,255,.5)),
                      -moz-linear-gradient(left, transparent, transparent 1px,
                                                 rgb(227,237,246) 1px, rgb(227,237,246))!important;
  background-position: center -2px, -6px -2px, -6px -2px !important;
  background-size: 100%, 200%, 200% !important;
}

Veteran

Darrian

Posted
Posted

well... i was doing it manually with chrome css from the start... ?

no need for addons

Sure, you can do that, but every time you want to make even the tiniest change you have to dig into your profile for userChrome.css, make your changes and save, and restart your browser.

Anyway, I just thought it was funny you asked that in a thread with "Firefox 4" and "Stylish" both in the title.

Proficient

Mouettus

Posted
Posted

Sure, you can do that, but every time you want to make even the tiniest change you have to dig into your profile for userChrome.css, make your changes and save, and restart your browser.

Anyway, I just thought it was funny you asked that in a thread with "Firefox 4" and "Stylish" both in the title.

1. I wasn't the one asking the question

2. stylish can also be an adjective that would fit very well in the context

Apprentice

atzaus

Posted
Posted 

/* Tabs on Top */
#appmenu-button-container {
 position: fixed !important;
 margin-left:4px !important;
}
#appmenu-button {
 padding: 2px 8px 2px 12px !important;
 height: 22px !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
 padding-left:81px !important;
 padding-top:3px !important;
}
#toolbar-menubar {
 padding-left:81px !important;
}
#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar {
 padding-right: 110px !important;
}

I am using this but when the tabs "overflow" and when you close them so 1 or 2 left the right margin of the firefox button is messed up. Any ideas?

Grand Master

+Audioboxer Subscriber²

Posted
  • Subscriber²
Posted

Updated my combined stop/reload script.

post-49492-12798968274443.png

Changes:

Fixed background color on a blank tab.

Added a inner glow to make the buttons "pop" a bit.

Changed the icons to newer ones from the mockups.

Changed the way the code is applied. Only works if the stop/reload buttons are directly after the Urlbar.

http://userstyles.org/styles/33745

Feedback would be great :)

Stopped working in beta 2

Grand Master

+Audioboxer Subscriber²

Posted
  • Subscriber²
Posted

I guess I need to install b2 and test then :p works fine on the nightlies.

Edit: Works fine for me. Are you using 1.0.11 of Stylish? http://userstyles.or...lish-1.0.11.xpi

Got it working now thanks :p

I'm just messing around anyway, waiting to see your new theme in action.

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

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • An actual cosmic "Eye of Sauron" had been looking straight at us all along

      By hellowalkman · Posted

      yep, thanks!
    • WebChangeMonitor 26.06

      By Copernic · Posted

      WebChangeMonitor 26.06 by Razvan Serea Monitors allows you to quickly check a number of web pages and tracks changes based on the content of the web pages. Allows to monitor several protocols, including HTTP and HTTPS. Allows to view and record differences. Available for Win7/10, Linux and others. WebChangeMonitor features: Allows monitoring of web pages and informs about content changes Indication of states of currently monitored items in the tool and taskbar Reporting as sound and/or email as well as log file or HTML log Several configuration / filter options Support all protocols, e.g. http, https Multi-threaded, running in the background Bulk-import and bulk-export of items (from/to CSV) to monitor Export of results to CSV file for further processing Allows running command on items states and/or showing diff (changes) of content with preferred diff-tool ...and many more! Open Source (C++, wxWidgets) Cross platform for Windows (7/10), Linux, RPi and Mac (if self-compiled) WebChangeMonitor 26.06 release notes: Release 26.06 brings mostly s but updates the underlying core infrastructure. A major compiler is used for both x86/x64 and WoA64 architectures. This also means that all core libraries are re-compiled accordingly which required some changes in the build scripts. One of the core libraries (cURL) has been updated to address vulnerabilities and a nasty linker error that was causing the need for a dedicated patch which could now be eliminated. Download: WebChangeMonitor 64-bit | Setup 64-bit | ~10.0 MB (Open Source) Download: WebChangeMonitor 32-bit | Setup 32-bit View: WebChangeMonitor Website | Other Operating Systems | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • BATorrent 3.0.4

      By Copernic · Posted

      BATorrent 3.0.4 is out.
    • Microsoft resumes forced Copilot app installation on some Windows PCs

      By contevo · Posted

      yea they change their app to high-system app so you can't disable with adb or within android, you gotta get root be able to do disable this high-system app now if you have locked down boot loader you screwed. samsung started locking down their store and their account app extremely annoying, account constantly nagging you to sign in... i disable all ai core apps and especially gemini since you can't uninstall anymore. i hope some day someone will present a bill force this companies quit locking down this damn phone especially the apps...
    • Ladybird Browser is no longer accepting outside contributions thanks to AI

      By fishnet37222 · Posted

      It's basically the only web browser project not controlled by a major corporation.

  • Popular Contributors

    1. 1
      +primortal
      482
    2. 2
      PsYcHoKiLLa
      257
    3. 3
      Steven P.
      74
    4. 4
      Skyfrog
      69
    5. 5
      +Edouard
      69
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!