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

    • SpaceX has secured a significant cloud-services deal with Google, agreeing to a monthly payment of $920 million for computing power.  This agreement, covers approximately 110,000 NVIDIA GPUs and other components.... https://cio.economictimes.indiatimes.com/news/investments/google-to-buy-computing-from-spacex-at-920-million-per-month/131543026    
    • no thanks is overpriced and its not the fastest ram neither.
    • It is, but it also has a bad performance reputation even on high-end gaming PCs. Some people say it's the engine's fault, others say it's the games developers' fault, who knows... At the end of the day, for the average gamer, the take is this: PC game with Unreal Engine 5? Be affraid and cross your fingers, it's a 50/50 chance.
    • 25th anniversary Xbox Series X unveiled with classic translucent green design by Pulasthi Ariyasinghe The Xbox Games Showcase had a new Xbox console reveal from Microsoft celebrating the gaming brand turning 25 years old. This is to be a new limited edition Xbox Series X and controller collection that draws on the design of the rare green version of the original Xbox console. The "XBOX Series X25 Limited Edition" is coming out later this year with its matching controller. "Inspired by the look and feel of the original XBOX console, both the console and controller feature a translucent OG Green design, with subtle tributes to the journey we’ve been on together," said Microsoft in the announcement. The Xbox Series X|S line has received several new variants over the years, but this will be the first edition with a translucent design. The Xbox Series X25 will have one terabyte of internal storage and a green light on the X to signify the console lines' history. There is a 25th anniversary logo printed on the front plate. Microsoft is also teasing that the community will be able to find "a few hidden surprises throughout" the machine as well. As for the new X25 Special Edition Xbox controller, this is also coming with the classic translucent green design for its front and back plates. "From the original ABXY colors, to the timeless green, every detail calls back to the beginning, including the bumpers honoring the original black and white buttons on the original “Duke” controller," says the company about this release. "The back case and battery door are fully transparent, revealing the classic XBOX logo." The XBOX 25th anniversary collection, containing both the translucent console and controller, will be available for purchase in November 2026 as a limited-edition release. Microsoft will be offering the new XBOX Wireless Controller X25 Special Edition separately as well. Pricing details and pre-order information will be coming later.
  • Recent Achievements

    • 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
    • Dedicated
      Mark Spruce earned a badge
      Dedicated
    • Collaborator
      conkir earned a badge
      Collaborator
  • Popular Contributors

    1. 1
      +primortal
      479
    2. 2
      PsYcHoKiLLa
      243
    3. 3
      Steven P.
      72
    4. 4
      +Edouard
      66
    5. 5
      FloatingFatMan
      65
  • Tell a friend

    Love Neowin? Tell a friend!