Show your browser layout


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
Link to comment
Share on other sites

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!

Link to comment
Share on other sites

@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

Link to comment
Share on other sites

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"".

Link to comment
Share on other sites

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

Using this now. Stratiform + some home made (crappy) CSS in Stylish.

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?

Link to comment
Share on other sites

Waterfox 14 with FT Silverglow theme.

desktopaxe.jpg

Beastality videos free download :|

nice theme though

  • Like 3
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

    • No registered users viewing this page.