Sign in to follow this  
Followers 0
Steven P.

Share your custom Firefox/Minefield 4 stylish scripts

2,391 posts in this topic

Guys, I'd really appreciate if someone can tell me how to convert this style which is for the Add-on 'FlashBlock' to Built-in click-to-play function:

http://userstyles.or...e-much-prettier

I'd like it as is, squarer, not rounded corners. Truly, thank you in advance!

This is the built-in image, and if you can notice, on some sites it has glitches at the corners:

http://i.minus.com/ibmUyj8iIdE9Uk.PNG

Share this post


Link to post
Share on other sites

I'm still looking for a way to have multiple row TABS using just a userstyle. Can it be done? Not multiple row bookmarks. Multiple row tabs. I know there are extensions like TabMixPlus or TabUtilities that can do it, but I want it in just a userstyle. Let me know if anyone can help. Thanks!! This is the closest I could find. It's kind of close to what I want, but not quite. For one, the close buttons on all tabs are missing. I want them on every tab. I want it basically how TabMixPlus does it, just in a userstyle. At least now I know it is possible. http://userstyles.org/styles/4737/paintless-firefox-multiple-row-tab-browser

Share this post


Link to post
Share on other sites

I am trying to put together a custom about :Home page and I have all the code for it but I can't get the bottom Pasrt that has the Icon like below:

ab.png

Any help would be appreciated.

Share this post


Link to post
Share on other sites

the entire bar is

#launcher
and the individual parts are
#addons #bookmarks #downloads #history #settings #snippets #sync #restorePreviousSession #historyRestoreLastSession #restorePreviousSessionSeparator

not sure if i've missed anything

Share this post


Link to post
Share on other sites

Thanks, I will try this.

Share this post


Link to post
Share on other sites

Alright, so I've been messing around with making Firefox look in line with the UI in Windows 8 and working on the borders, I've more or less succeeded in getting it to work, there's only one issue.

Usually the active tab doesn't have a border at the bottom of it, but when I changed the navigation toolbar's border color, it put a border under the tab and the way I have Firefox setup, now both the active and inactive tabs look exactly the same.

This is what I have so far, the issue would be at the end of this CSS.


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

#urlbar,

.searchbar-textbox {

border-color: rgba(214,214,214,1) !important}

#browser-bottombox:not(:-moz-lwtheme) {

border-color: rgba(214,214,214,1) !important}

#browser-border-start,

#browser-border-end {

  background: rgba(214,214,214,1) padding-box !important;}

#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar),

#navigator-toolbox:not([customizing]) > #nav-bar[collapsed=true] + toolbar,

#navigator-toolbox:not([customizing]) > #nav-bar[collapsed=true] + #customToolbars + #PersonalToolbar {

  border-color: rgba(214,214,214,1) !important;

}

.tabbrowser-tab > .tab-stack,

.tabs-newtab-button > .toolbarbutton-icon,

#TabsToolbar {

  border-color: rgba(214,214,214,1) !important;

}

#navigator-toolbox:after {

background-color: rgba(214,214,214,1) !important;

}

#TabsToolbar {

margin-bottom: 0 !important;

height: 24px !important;

}

It's probably really ugly, I took code from various things, since I can't code worth a crap (though I can somewhat understand it, at least enough to put some things together like this).

Some help would be appreciated. This is the only thing I have left to do.

Share this post


Link to post
Share on other sites

Nevermind, just realized the border was due to Stratiform, found a workaround, now it's fine.

Share this post


Link to post
Share on other sites

I've come up with a little piece of css to customize new tab page:

post-321504-0-55144300-1347620017_thumb.

How it works (you need stylish):

- Go to new tab page (about:newtab), click on stylish icon, create new style, for this url

- For each link in your new tab page:

- paste this:


    .newtab-link[href="{site-url}"] .newtab-thumbnail{

	    background-color: {background color} !important;

	    background-image: url('{image url}') !important;

	    background-size: auto !important;

	    background-position: center center !important;

    }

- edit fields marked with curly brackets to match what you want

You can use attribute selector to select a family of urls.

Share this post


Link to post
Share on other sites

That's a nice solution. There's also this option the author of New Tab Tools came up with when he released v1:

In your /Firefox profile folder/chrome/userContent.css


@-moz-document url("about:newtab") {

   a[href="http://www.google.com/"] > span.newtab-thumbnail {

	  background-image: url("_url_of_new_image_") !important;

   }

}

The extension has native support for custom images now.

Share this post


Link to post
Share on other sites

I saw that, but wanted it in a Stylish form if possible, as I do not care for how the Australis tabs are done in that compared to the way they are in a Stylish Australis look.

Share this post


Link to post
Share on other sites

pretty good mockup dude

Share this post


Link to post
Share on other sites

I don't know if you can do this with a User Style or what, but I want to know if there is an easy way to create a toolbar button using a keyboard shortcut? I want a button for cycling through Tab Groups in Panorama. What I want is included with the extension TabGroup Switcher, but I prefer to use TabGroups Menu instead. I'm not talking about a button for Panorama. That already comes with Firefox, obviously. I'm talking about being able to click one toolbar button and then it scrolls through your TabGroups with each individual click. The existing keyboard shortcut for this is to hold down control and hit the tilde key, which is next to the 1. You'll see it cycles through your open TabGroups if you have them open in Panorama. Is it possible to do what I want without having to use TabGroup Switcher?

Share this post


Link to post
Share on other sites

Heartripper did this for me; If someone has Click-to-Play enabled and likes it, use it.

I got the image from the guy right here: http://userstyles.or...e-much-prettier

Normally it works for the Flashblock Addon, but currently since Fx has Click-to-Play built-in, Heartripper wrote the code for this one:

jjP71QTrLAQ03.png


:-moz-any(embed, object) > .mainBox{

	background: transparent -moz-linear-gradient(top,#f0f0f0,#fdfdfd) !important;

	border: 1px solid rgba(127,127,127,.4) !important;

	box-shadow:inset 0 0 5px rgba(0,0,0,.2) !important;

	border-radius: 0 !important;

}

:-moz-any(embed, object) > .mainBox > .msg{

	text-shadow: 0 0 2px rgba(255,255,255, .3) !important;

	color: rgba(127,127,127,.8) !important;

}


:-moz-any(embed, object) > .mainBox > .icon{

background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAABjklEQVR4Xu3Wz0rDQBCAcR/Dcx/Dd+i1Zx+o19JHKlBsY5udnakgqCAiArEWikj4vG6chmwiFASz9x+z2fl38Ze/xWWYhHkUPVhtWK2HKGEeJovLAVhxJTOtjFNHK5kVVz2w5UimemwgHj3KdDnK4spxNCPnRCvHnZxc697IPbqX6w7OX7Xz6u1kOW5Gp5lRtlx8OYqWYoIgxAw22snnkWmTi9xRsCFkoDI9kXd6TMHADngncJOB6tHlpcyMFNwSAYAqC5XZjyLTqgluEIBsVKtGQYaJ0QJmo2GSgvM2MB8N8wSM0gbmozEkoB46QIcKK7ZIQuo+Aa3uBwK8syMkoNUpSH8QPjBiEsavInxDKBAX4aB/+MqWFZtmpaOHAa9c88Ita4cZRpSeeVjzTMGarcNcHnZXyhdPrD3mK8XXsm8OXzywokiyLqOWfbcpMeCTe24oKB3mu01HPxSMR9YOy+qHvmMbESEQHJbZsf1MMRR1WK+Z4qeeZU+9c8zl4ZvDOXab4dvXWffD4Rvs//cNmyg4/v1GSz4AAAAASUVORK5CYII=") center no-repeat !important;

}

Better image ( personal preference ) and no more super-curved, glitchy corners ( gltches on some specific blocked content owing to rounded corners ).

Share this post


Link to post
Share on other sites

I'm looking for a way to change the ugly selection box in the url/awesome bar drop down list. I've gotten tired of looking at the ugly blue gradient box. I would prefer it to be a solid color with clean square corners and no gradients.

Anyone know a way to change it? I'm using Firefox 17 betas, omnibar, and Windows 7 if any of that matters. I've looked through userstyles and I haven't found anything doing what I want. Not that I even know what that box is called. :laugh:

Share this post


Link to post
Share on other sites

I'm looking for a way to change the ugly selection box in the url/awesome bar drop down list. I've gotten tired of looking at the ugly blue gradient box. I would prefer it to be a solid color with clean square corners and no gradients.

Anyone know a way to change it? I'm using Firefox 17 betas, omnibar, and Windows 7 if any of that matters. I've looked through userstyles and I haven't found anything doing what I want. Not that I even know what that box is called. :laugh:

mybe would you like this:

http://userstyles.org/styles/68979/

68979_after.jpeg

Enyoy!

Share this post


Link to post
Share on other sites

mybe would you like this:

http://userstyles.org/styles/68979/

Enyoy!

While that is really nice looking and I think I will use that's not exactly what I was after. In your screen shot the box I want to change is the blue one around the userstyles.org url.

Share this post


Link to post
Share on other sites

I saw that, but wanted it in a Stylish form if possible, as I do not care for how the Australis tabs are done in that compared to the way they are in a Stylish Australis look.

When Fx 4 first came out there was a style in this thread for that. You would have to look through it from the beginning. It may have been part of another script.

Share this post


Link to post
Share on other sites

Anyone know how to make a fade in and fade out effect for the Bookmarks Toolbar? Using this as an example, but I want the fade in/fade out effect, so the toolbar hides when you're on a website, but appears when you move to the bookmarks toolbar. I don't want to hide the navigation toolbar at all, just the Bookmarks Toolbar. Use this as a starting point, then just add the fade effect.

http://userstyles.org/styles/6599/auto-hide-bookmarks-toolbar-firefox-3-0-fixed

Share this post


Link to post
Share on other sites

Does anyone have a style that will switch to a tab on hover?

Share this post


Link to post
Share on other sites

Anyone have a way to make the icon for the Bookmarks Menu on the toolbar the traditional yellow star? I don't like the ugly default one. I'm using the Strata theme, which is much better, but I'd like the old yellow star back. Is it possible? I like the way it's done in the Australis mockups, but I am not sold on the whole Australis look yet, which means I don't want to use the Australis theme. I just want the yellow star as my Bookmarks Menu. I have tried out the extension Custom Buttons, but it won't work when I try to use one of the Bookmarks Menu codes from the site. Can anyone help? http://www.smileyfaz...%20Database.htm

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.