Recommended Posts

I came here back becouse of that too :s Somehow this transpareny thing is missing from the new builds :s

See the post here by Ziz4rD, I'm using it with the latest 4b10pre and it works with just

#main-window[stylish-url="about:blank"] #browser {
   visibility: hidden !important;}

That code should work for beta8 and prior. For b9pre+ use this

#appcontent,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}

#main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content browser{ 
opacity: 0 !important;
}

Thanks foxxyn8, I'll try that when I get home :D

See the post here by Ziz4rD, I'm using it with the latest 4b10pre and it works with just

#main-window[stylish-url="about:blank"] #browser {
   visibility: hidden !important;}

With that code sidebars will also be hidden when viewing "about:blank"

With that code sidebars will also be hidden when viewing "about:blank"

wasn't this

579038965.png

supposed to be fixed?

with that code it pops out when in a blank tab and non maximized window

After installing beta 9, some of my stylish codes got messed up. I was able to fix some of them, but I'm not sure what to do with this one problem. I want to move the tab to the left to get rid of that gap:

FFButton.jpg

Here's the code I have:

#appmenu-button[open] {
    background-image: -moz-linear-gradient(rgba(255,165,0,.8), rgba(255,165,0,1)), -moz-radial-gradient(14px, circle cover, rgba(248, 233, 164, 0.5) 29%, rgba(248, 233, 164, 0.2) 35%, rgba(248, 233, 164, 0) 50%) !important;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.4) inset !important;
    border-radius: 0 0 5px 5px !important;
}
#appmenu-button .button-text
{ 
    color: transparent !important;
    text-shadow: none !important;
    margin-left: -27px !important;
    margin-right: -33px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADK0lEQVQ4jV2TTWxUZRSGn++7d+bey3SYMgMzdNLMTCu2VcE0CjG1qYqRSEhYKElTA66MooaNLozDwh8WjAs3JsSFSxeKRg0axSj+EApFYotAS0ctWmeEOpTS6fx0fu+9n4v+pPqsTk7yvuck57wCIGXIT4BUsu6OBbr2bO+p5J71OfWHxvzxMEuMA6eBLwu/nxxlDWLZQAGcDG09Ou/xDR3IXegE2F9zEMDg/rd59eky1z467575pfLdrrmLRw7dqJxjWXwgZUh1682gShlSra2Ha0qdK9nq63xDbXniLTUx8pz68Y1+9U5XuPrhwMZBACkEjwRDGgD7hoLE457V9c4GNF5u9XK1WGfw4B4efT1B594eHnvlHrNUku99/mRks9SkuL/jTk+jkrVxF6ps7/Ovmu0bChKXUEQnH9uCMrx8MNJK4sEIoZgVKN9sJqXHENFou+ZtVl18iaXp1UKEjbuf4dPj86hTC1y+eJuJM3/hojF5rUGhYNO9K8TiXG2nrhTrfa0SXQoqJUnLwB0A6J5JAGamcuQn05RmctiuzlhaYkmHSNxkMe/06PWaa2CD2SYZ/rZE8/tRZnIKgKOPv0vz/Y8RysGSLtWaIJKo0Lp+nnylQq1o69LwiHKpoEBAMKKxye/S1iYBOPzNi3zW9wOv7chQnJ2jUczzcHsW8vOUf72J1SIqugZX/sk2+/0bNLruNvl73GZbXOfeHSY+0+ZC5hacOI3d/jwxK8vB3jT1XIPrZ/Nowh3XbUcdnxpv3BcI6VY4ZtK+LYjdcBj7aZHMHw3gKknfU/Sv+40Xdt8mpNVZmFpg8mcNb2vwlEgZssXSGNaF6N055Mc0dBxHR5oa03kvc8Ua68QisXCTRMKgik56pMyfGau4ObapWwAcMeQDluQLS4rw1j6LSFRD1ySapjCkjeMIbMAMQSarmLhUr81NOwPJujsqVr4uZcheQ+MrBdFQi6Sz20sgKNAtwCOYvd4kc0OgqnYlN+v2J+vupdUwrXDMp3W4gpdcpfY6UiQce+k6piHYEJA1p6lOlBfU4UOLzvR/0vh/jvm0DuAuILrcmgHSa4Ur/AsXclHwqDchzQAAAABJRU5ErkJggg==") no-repeat 16px !important; }

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

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

#main-window[sizemode="maximized"][tabsontop="true"] #appmenu-button-container 
{    position: fixed !important; 
     margin: 6px 0px 4px 4px !important;
     top: 2px !important; }

Any help is appreciated.

After installing beta 9, some of my stylish codes got messed up. I was able to fix some of them, but I'm not sure what to do with this one problem. I want to move the tab to the left to get rid of that gap:

Here's the code I have:

Any help is appreciated.

All you really need is this:

#appmenu-button {
  padding: 0 5px 1px !important;
  min-width: 0 !important;
}

#appmenu-button[open] {
  background-image: -moz-linear-gradient(rgba(255,165,0,.8), rgba(255,165,0,1)), 
                	-moz-radial-gradient(14px, circle cover, rgba(248, 233, 164, 0.5) 29%, rgba(248, 233, 164, 0.2) 35%, rgba(248, 233, 164, 0) 50%) !important;
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.4) inset !important;
  border-radius: 0 0 5px 5px !important;
}

#appmenu-button .button-icon {
  list-style-image: url(http://dl.dropbox.com/u/3769988/temp/firefox16.png);
}

#appmenu-button .button-text {   
  visibility: collapse;
}

You can replace the url with the base64 value if you want. I usually don't add it because the forum screws it up.

All you really need is this:

#appmenu-button {
  padding: 0 5px 1px !important;
  min-width: 0 !important;
}

#appmenu-button[open] {
  background-image: -moz-linear-gradient(rgba(255,165,0,.8), rgba(255,165,0,1)), 
                	-moz-radial-gradient(14px, circle cover, rgba(248, 233, 164, 0.5) 29%, rgba(248, 233, 164, 0.2) 35%, rgba(248, 233, 164, 0) 50%) !important;
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.4) inset !important;
  border-radius: 0 0 5px 5px !important;
}

#appmenu-button .button-icon {
  list-style-image: url(http://dl.dropbox.com/u/3769988/temp/firefox16.png);
}

#appmenu-button .button-text {   
  visibility: collapse;
}

You can replace the url with the base64 value if you want. I usually don't add it because the forum screws it up.

Thanks. Your fix works great. One question. Right now the firefox logo in the button seems a little off center, which part of the code should I change to move the image around?

Thanks. Your fix works great. One question. Right now the firefox logo in the button seems a little off center, which part of the code should I change to move the image around?

You can add something like:

#appmenu-button .button-icon {
  padding-top: 2px;
}

I think that this modification is necessary for those still left with the tabs below

looks better. . .

Fx333.png

#main-window[sizemode=normal][tabsontop=false] #PersonalToolbar {

border: 1px solid rgba(0,0,0,.3) !important;

border-bottom: none !important;}

#main-window[sizemode=maximized][tabsontop=false] #PersonalToolbar {

border-top: 1px solid rgba(0,0,0,.3) !important;}

#main-window[sizemode=normal][tabsontop=false] #PersonalToolbar[collapsed=false] + #TabsToolbar {

border-left: 1px solid rgba(0,0,0,.3) !important;

border-right: 1px solid rgba(0,0,0,.3) !important;

padding-left: 1px !important;}

#toolbar-menubar

I'll look into the bug, but I'm currently not updating the script as I'm building a theme instead.

You gave me this piece of code:

#main-window[sizemode="maximized"] #titlebar  {
  margin-bottom: -23px !important;
}

So I can -with built-in tabs in title bar- select/change tab while pressing on the top-edge... But this code also causes the problem mentioned above... Another way to move tabs on top-edge?

All you really need is this:

#appmenu-button .button-icon {
  list-style-image: url(http://dl.dropbox.com/u/3769988/temp/firefox16.png);
}

You can replace the url with the base64 value if you want. I usually don't add it because the forum screws it up.

Would it be possible to change the image location to somewhere on my computer, and put the file path, instead of the dropbox url?

I've got a bit of old Stylish code from this thread that seems to be misbehaving lately. Whenever I startup Firefox, or sometimes navigate to certain webpages, I see the add-on bar randomly at the bottom, with no buttons on it. Also, when I do view it normally, the bar looks really weird

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

/* -- FindToolbar -- */

#FindToolbar {
  border:none !important;
}

#FindToolbar .findbar-container {
  margin-bottom: -1px !important;
  border-radius: 0 4px 0 0;
  border-right: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

#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;
}

/* ----- Addon Bar ----- */

#addon-bar {
 position: fixed;
 bottom: -22px;
 right: 1px;
 margin-right: 20px !important;
 border: 0 !important;
 -moz-appearance: none !important;
 -moz-transition: bottom .5s 1s ease-in;
 padding-top: 22px !important;
}

#browser-bottombox {
 position: fixed;
 bottom: 0px;
}

#addon-bar:hover {
 bottom: 0;
 -moz-transition: bottom .3s .3s ease-out;
}

#main-window[sizemode="maximized"] #addon-bar {
 right: 0;
}

#addon-bar > #status-bar {
 margin: 0 !important;
 padding: 0 2px 0 2px;
 border-radius: 4px 4px 0 0;
 border: 0 !important;
 border-left: 1px solid rgba(0,0,0,.25) !important;
 border-right: 1px solid rgba(0,0,0,.25) !important;
 border-top: 1px solid rgba(0,0,0,.25) !important;
 background-color: rgb(207, 219, 236) !important;
 background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
 box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

Here's a picture of it looking really buggy

FindandAddonbar.png

You gave me this piece of code:

So I can -with built-in tabs in title bar- select/change tab while pressing on the top-edge... But this code also causes the problem mentioned above... Another way to move tabs on top-edge?

You could try this instead:

#main-window[sizemode="maximized"][tabsontop="true"][tabsintitlebar="true"] #TabsToolbar {
  margin-top: -1px;
}

Hey guys!

Is there any way to remove this line around the selected item in download manager?

I've made a custom seleted item, but this line is boring me... :wacko:

thanks

Are you skinning the richlistitems? You could try border-style: solid if you don't already have that.

Anybody who have a update for the "home button tab" & "better addon bar" script?

I use Minefield b10pre btw...

Thanx (Y)

I don't have any plans to update the addon-bar script, but anyone is free to fork it and fix it if they want. It just doesn't work the way I want it to. Another option is to use Barlesque.

^ style not script! (I keep saying script too, TBH). But yeah - Barlesque doesn't quite do it for me, either. I've settled for the default Addon Bar but with it being glassed via Stylish...

I end up switching between the two :unsure: I guess it depends who I quote :shifty:

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Guess it's one of those things best used by devs to thoroughly test stuff.
    • is it all upside down there? traffic lights reverted too?
    • Bluesky COO warns social media regulations could destroy competition from small startups by Paul Hill Fears that increasing government control of social media risks regulatory capture by the biggest social media firms were raised again recently. Bluesky’s chief operating officer said in an interview that social media bans for children and tighter regulations for social media firms risk creating a world where there are only a few social media platforms run by companies with the deepest pockets. Regulations on social media firms have been very lax since they appeared for mainstream users in the 2000’s. This gave Meta, Snapchat, and Google time to build up their user bases and get entrenched, with Meta being the most successful. Now that Meta has succeeded, it has been attempting regulatory capture. By pushing for more regulations of social media, Meta hopes to make it more difficult for rivals to challenge it. For its part, it doesn’t need to worry about the cost of regulation because it has a lot of money to spend, whereas startups do not. Speaking to CNBC, Rose Wang, Bluesky’s chief operating officer, said: “I support the protection and the safety of youth, the question that we have then is at what cost, because essentially what I’m scared of is in the long term, we’re headed to a world where there’s about three to five platforms, and extreme heavy regulation of those platforms, and basically the whole compliance teams of these platforms are 10 times the size of our entire team. So, basically, we’re living in a world where it’s almost impossible for smaller entrants to come in and build healthier spaces. These platforms have led to a place where the bottom line is the thing that drives what they do... so I understand why governments have to step in and regulate, because the platforms have done nothing right.” She said that while she is not against regulation, there needs to be more channels between the small to mid-sized players and regulators to help protect them. She says that big tech players, on the other hand, “who we know are circumventing regulation,” need to be regulated. Essentially, the Bluesky position is one of nuance, rather than absolutes. While Bluesky’s proposal may preserve competition in the social media space, it still doesn’t address the massive privacy implications these age verification measures introduce, such as handing over sensitive identity documents to access age-gated content. Source: CNBC
  • Recent Achievements

    • One Month Later
      DJC50PLUS earned a badge
      One Month Later
    • Week One Done
      DJC50PLUS earned a badge
      Week One Done
    • Proficient
      Eric Biran went up a rank
      Proficient
    • Dedicated
      Conjor earned a badge
      Dedicated
    • Week One Done
      Windows Guy earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      493
    2. 2
      PsYcHoKiLLa
      249
    3. 3
      Steven P.
      71
    4. 4
      +Edouard
      70
    5. 5
      ATLien_0
      69
  • Tell a friend

    Love Neowin? Tell a friend!