Show your browser layout

By Robbie Khan
in Web Browser Discussion & Support

 Share

Recommended Posts

Grand Master

Marshall Veteran

Posted
  • Veteran
Posted

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:

  • theyarecomingforyou
  • Like 1
Grand Master

Jase

Posted
Posted

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!

Contributor

I am Not PCyr

Posted
Posted

@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

Grand Master

theyarecomingforyou

Posted
Posted
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...
Collaborator

Excelsis

Posted
Posted

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.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.