Recommended Posts

Yes, I'm using a pretty old build of Firefox and yes, I'm still stuck with Windows Vista. The former fits my needs and I don't want/have the time to upgrade, the latter is a pain in the ass that I hope to replace with Windows 7 asap. And yes: I don't give a single **** about "design" or "innovation" on web browser UI and such mundane stuff: I have work to do, not fancy HTML5 effects to howl at during a full moon night :-P

Holy ugly UI batman! That's atrocious. :rofl:

  • Like 1

I know the one. Userlogos.org, right? I tried going there just now and got a 403 error. Hopefully it's a server issue and the site isn't gone because it had a surprisingly large and dedicated community built around it.

Yep! that's the one! & It's back online! HOOOOORRAAYYY!

@bjoswald

thats what i'm talking about ..clean and simple

and I can't believe people would use their browser with all kinds of toolbars / bookmarks bars

and worst of them all WASTED BLANK space :0

most of the pics on this suffer from that, people have one item then a huge long gap of blank space then repeat..

Its a huge waste of vertical browser viewing are !

Thisis mine (FF 13.1 + WIn7)

c78577f3cb91dc16dcb709b762ff838b.jpg

Yes, I'm using a pretty old build of Firefox and yes, I'm still stuck with Windows Vista. The former fits my needs and I don't want/have the time to upgrade, the latter is a pain in the ass that I hope to replace with Windows 7 asap. And yes: I don't give a single **** about "design" or "innovation" on web browser UI and such mundane stuff

You "don't have the time to upgrade" your web browser? That is one of the weakest excuses I've ever come across. If you used Chrome you wouldn't have to worry about updates as they're automatic and Firefox will soon be doing the same. By using such an old browser you're more vulnerable to security exploits, have outdated support for web standards and are lacking the significant performance enhancements made in up-to-date versions. It just strikes me that you're being stubborn / non-conformist for the sake of it, not for any legitimate benefit.

Your position seems deliberately confrontational, especially when you pre-empt criticism by stating you "don't give a single **** about "design" or "innovation"".

  • 3 weeks later...
  • 3 weeks later...
  • 2 weeks later...

is the menu button there a part of stratiform or a seperate addon/stylish code?

I use an addon called UI Fixer to move the menu button and then change the button itself with stylish code.

Here's the code.


@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
toolbar:not([mode="text"]) #fixer-menu-button > #appmenu-toolbar-button > .toolbarbutton-icon,
toolbar:not([mode="text"]) #fixer-menu-button > #appmenu-button > .button-box .button-icon {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvklEQVR42s3QvQ7BABSG4eM2bELSQdE0JCUVERo/HVSkNNJUtEKIDn4WRnfQu+gNdj58l3DKYHjHZ3mJmYvfRDVjmJTUNlc0UxQMLKmGlQ0dn+1lKAoGlrwwTkduyDP/KAoGFg/0T+Oc6d9PrHespNwwWdF7omBgSetOM3u148XmLAoGlvzDNXWCmL39XRQM7B9M1MxJojT7XDUsUTCw1BrMMze6cHB+ioKBpW38SNenB0e3lygY2J9MRIWc0Ru5PXUr+nJxlQAAAABJRU5ErkJggg==") !important;
}
#appmenu-button dropmarker, #appmenu-button .button-text {
display: none !important;
}
#appmenu-button {
padding: 0px 4px 0px 0 !important;
background: hsla(210,32%,93%,0) padding-box !important;
border-radius: 2px !important;
border: 1px solid !important;
border-color: hsla(210,54%,20%,0) hsla(210,54%,20%,0) hsla(210,54%,20%,0) !important;
box-shadow: 0 1px hsla(0,0%,100%,0) inset,
0 1px hsla(210,54%,20%,0),
0 0 2px hsla(210,54%,20%,0) !important;

-moz-margin-start: -25px !important;
-moz-padding-start: 7px !important;
-moz-padding-end: 7px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
margin-left: 0px !important;
margin-right: 4px !important;
}

#appmenu-button:not([open="true"]):not(:active):hover,
#appmenu-button:not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover {
background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)) !important;
border-color: hsla(210,54%,20%,.15) hsla(210,54%,20%,.2) hsla(210,54%,20%,.25) !important;
box-shadow: 0 1px hsla(0,0%,100%,.3) inset,
0 1px hsla(210,54%,20%,.03),
0 0 2px hsla(210,54%,20%,.1) !important;
-moz-margin-start: -25px !important;
-moz-padding-start: 7px !important;
-moz-padding-end: 7px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
margin-left: 0px !important;
margin-right: 4px !important;

}
#appmenu-button:not([disabled="true"]):hover:active,
#appmenu-button[open="true"] {
background-image: -moz-linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.1)) !important;
background-color: hsla(210,54%,20%,.15) !important;
border-color: hsla(210,54%,20%,.3) hsla(210,54%,20%,.35) hsla(210,54%,20%,.4) !important;
box-shadow: 0 1px 1px hsla(210,54%,20%,.1) inset,
0 0 1px hsla(210,54%,20%,.2) inset,
0 1px 0 hsla(210,54%,20%,0),
0 0 2px hsla(210,54%,20%,0) !important;
}


[/CODE]

How were you able to make the toolbar flat? I'm using Stratiform as well and it still looks a bit embossed. Mind sharing your CSS?

I use the Wave Tabs, with the Selected Tab's colors set at 0, 0, 100, 0, then the same for the inactive at 0, 0, 96, 100.

And this is the stylish script I "made" (or rather ripped parts off other styles mostly, I'm not very good at any kind of coding, eh.)

[CODE]
@-moz-document url-prefix('chrome://') {
#TabsToolbar:not([stratiform-tabstyle-buttons]) .tabbrowser-tab:not([hidden]):first-child > .tab-stack:-moz-locale-dir(rtl),
.tabs-newtab-button :-moz-any(.toolbarbutton-icon,.toolbarbutton-menubutton-dropmarker):-moz-locale-dir(ltr),
#TabsToolbar:not([currentset*=new-tab-button]) .tabbrowser-tab:not([hidden]):last-child > .tab-stack:-moz-locale-dir(ltr),
#new-tab-button ~ #tabbrowser-tabs .tabbrowser-tab:not([hidden]):last-child > .tab-stack:-moz-locale-dir(ltr),
#TabsToolbar[stratiform-tabstyle-buttons] > #tabbrowser-tabs:first-child .tabbrowser-tab:not([hidden]):first-child > .tab-stack:-moz-locale-dir(rtl),
#TabsToolbar[stratiform-tabstyle-buttons] > .toolbarbutton-1:first-child :-moz-any(.toolbarbutton-icon,.toolbarbutton-menubutton-dropmarker):-moz-locale-dir(rtl),
#TabsToolbar[stratiform-tabstyle-buttons] > toolbaritem:first-child .toolbarbutton-1:first-child :-moz-any(.toolbarbutton-icon,.toolbarbutton-menubutton-dropmarker):-moz-locale-dir(rtl) {
border-top-right-radius: 0px !important;
}
#TabsToolbar:not([stratiform-tabstyle-buttons]) .tabbrowser-tab:not([hidden]):first-child:-moz-locale-dir(ltr) .tab-stack,
.tabs-newtab-button:-moz-locale-dir(rtl),
#TabsToolbar:not([currentset*=new-tab-button]) .tabbrowser-tab:not([hidden]):last-child:-moz-locale-dir(rtl) .tab-stack,
#new-tab-button ~ #tabbrowser-tabs .tabbrowser-tab:not([hidden]):last-child:-moz-locale-dir(rtl) .tab-stack,
#TabsToolbar[stratiform-tabstyle-buttons] > #tabbrowser-tabs:first-child .tabbrowser-tab:first-child:-moz-locale-dir(ltr) .tab-stack,
#TabsToolbar[stratiform-tabstyle-buttons] > .toolbarbutton-1:first-child:-moz-locale-dir(ltr) :-moz-any(.toolbarbutton-icon,.toolbarbutton-menubutton-dropmarker),
#TabsToolbar[stratiform-tabstyle-buttons] > toolbaritem:first-child .toolbarbutton-1:first-child:-moz-locale-dir(ltr) :-moz-any(.toolbarbutton-icon,.toolbarbutton-menubutton-dropmarker) {
border-top-left-radius: 0 !important;
}
#nav-bar {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}

#urlbar,
.searchbar-textbox {
border-color: rgb(214,214,214) !important}
#browser-bottombox:not(:-moz-lwtheme) {
border-color: rgb(214,214,214) !important}
#browser-border-start,
#browser-border-end {
background: rgb(214,214,214) 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: rgb(214,214,214) !important;
}
.tabbrowser-tab > .tab-stack,
.tabs-newtab-button > .toolbarbutton-icon,
#TabsToolbar {
border-color: rgb(214,214,214) !important;
}
#navigator-toolbox:after {
background-color: rgb(214,214,214) !important;
margin-left: -1px !important;
margin-right: -1px !important;
}

.tabbrowser-tab:-moz-any(:not([pinned]),[pinned]:not([titlechanged])):not([selected]) > .tab-stack,
#TabsToolbar[stratiform-tabstyle-buttons] .toolbarbutton-1[stratiform-tabstyled] :-moz-any(.toolbarbutton-icon,.toolbarbutton-menubutton-dropmarker),
.tabs-newtab-button > .toolbarbutton-icon {
background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 1px, transparent 1px) !important;
}


#main-window[sizemode=maximized] #TabsToolbar[tabsontop=true]:not(:-moz-lwtheme) {
background-image: -moz-image-rect(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAbCAYAAADcQMc2AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAXUlEQVRYR+3WsQ0AMQhDUfYfkHU4pUtHE+kEegVdiljfNkRVxbZZJ+gAImqKTZFC6sdWZT/2Y7+3V41MyZRMyVTbA+2DKTm6/0nUFGpIIWVP2VNtD0Rm1rYhagrRDyEABze3wShDAAAAAElFTkSuQmCC"), 0, 26, 27, 0),
-moz-image-rect(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAbCAYAAADcQMc2AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAXUlEQVRYR+3WsQ0AMQhDUfYfkHU4pUtHE+kEegVdiljfNkRVxbZZJ+gAImqKTZFC6sdWZT/2Y7+3V41MyZRMyVTbA+2DKTm6/0nUFGpIIWVP2VNtD0Rm1rYhagrRDyEABze3wShDAAAAAElFTkSuQmCC"), 0, 27, 27, 26),
-moz-image-rect(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAbCAYAAADcQMc2AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAXUlEQVRYR+3WsQ0AMQhDUfYfkHU4pUtHE+kEegVdiljfNkRVxbZZJ+gAImqKTZFC6sdWZT/2Y7+3V41MyZRMyVTbA+2DKTm6/0nUFGpIIWVP2VNtD0Rm1rYhagrRDyEABze3wShDAAAAAElFTkSuQmCC"), 0, 53, 27, 27) !important;}

}
[/CODE]

I probably should post this in the Share your stylish scripts thread but you guys might not see the reply.

If you need any help just PM me, I'll try to help to the best of my ability.

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!