Show your browser layout

Recommended Posts

Marshall    15,353

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

Share this post


Link to post
Share on other sites
Jase    119

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!

Share this post


Link to post
Share on other sites
I am Not PCyr    9

@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

Share this post


Link to post
Share on other sites
flexkeyboard    55

Testing out the new office web app, it's matches my theme very nicely!

iVVttzhqmGiyo.jpg

Share this post


Link to post
Share on other sites
theyarecomingforyou    9,199
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"".

Share this post


Link to post
Share on other sites
ambiance    67

Keira Nightly!

post-45228-0-39447500-1342840553_thumb.p

Share this post


Link to post
Share on other sites
SharpGreen    219

This is my current browser :p

It's quite a bit more modern than it looks.

post-67827-0-64347400-1342850711_thumb.p

Share this post


Link to post
Share on other sites
primexx    372

firefox 14

ixAex5Ell7Y7a.png

Share this post


Link to post
Share on other sites
TheLegendOfMart    1,558

Firefox 15 Beta 1, love how compact it is with tabs on top and bookmarks in a drop down menu.

ff.jpg

Share this post


Link to post
Share on other sites
+Frank B.    7,104

Firefox 15 beta 1.

post-1302-0-78618300-1342865465_thumb.pn

Share this post


Link to post
Share on other sites
dragon0823    4

17.0a1

P7JXS.jpg

Share this post


Link to post
Share on other sites
+Heartripper    184

Latest Nightly

post-321504-0-56387700-1344771796_thumb.

Share this post


Link to post
Share on other sites
chrisj1968    1,416
17cb5bff.jpg

Share this post


Link to post
Share on other sites
Excelsis    20

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

post-67543-0-33867800-1346355577_thumb.p

Share this post


Link to post
Share on other sites
dysgenics    4

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

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

Share this post


Link to post
Share on other sites
grayscale    237

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?

Share this post


Link to post
Share on other sites
Daniel_Pooh    5

Waterfox 14 with FT Silverglow theme.

desktopaxe.jpg

Share this post


Link to post
Share on other sites
biffzinker    3

Waterfox 14 with FT Silverglow theme.

desktopaxe.jpg

Beastality videos free download :|

nice theme though

  • Like 3

Share this post


Link to post
Share on other sites
+warwagon    9,938

Beastality videos free download :|

nice theme though

BUSTED!!!! :rofl:

  • Like 2

Share this post


Link to post
Share on other sites
remixedcat    2,766

Chromey-Homey

post-361542-0-04749900-1347332057_thumb.

Share this post


Link to post
Share on other sites
Yorak    416

Waterfox 14 with FT Silverglow theme.

desktopaxe.jpg

Dude seriously, what the flying ****?

Share this post


Link to post
Share on other sites
+warwagon    9,938

Dude seriously, what the flying ****?

So he's into Bestiality porn, is it really that big of deal?

Share this post


Link to post
Share on other sites
nub    181

Dude seriously, what the flying ****?

He did it on purpose, you fell for it.

  • Like 1

Share this post


Link to post
Share on other sites
Yorak    416

He did it on purpose, you fell for it.

I doubt it, actually. ;) This type exists!

Share this post


Link to post
Share on other sites
Excelsis    20

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.

  • Like 1

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


  • Recently Browsing   0 members

    No registered users viewing this page.