Fx4* .css tweaks

[makondo]

Uhmmm.... Sure, you're welcome! I hope you don't mean the bookmarks style - not mine, by warul.

[mikedl]

Uhmmm.... Sure, you're welcome! I hope you don't mean the bookmarks style - not mine, by warul.

Congrats to warul, as well, then, as I do thank you for presenting it, makondo.

[makondo]

[T0morrow]

I'll post a few ones i made this week:
Slim About:

Code: Select all

/* Slim About Dialog */
#leftBox {display:none !important;}
#bottomBox {display:none !important;}
#rightBox > description {display:none !important;}

No searchbox in downloads:

Code: Select all

/* Remove download manager search box */
#searchbox {display:none !important;}

No status bar and removed most context menu options from Source Viewer(exept Copy):

Code: Select all

/* Remove some Source viewer options */
#viewSource-toolbox {display:none !important;}
#context-back {display:none !important;}
#context-forward {display:none !important;}
#cMenu_findAgain {display:none !important;}
#cMenu_selectAll {display:none !important;}
#viewSourceContextMenu > menuseparator {display:none !important;}
#viewSource > statusbar {display:none !important;}

+ few smaller ones that were new in 4.0(i think):

Code: Select all

/* Remove some Toolbar context menu options */
#toolbar-context-menu > menuitem[label="Tabs on Top"] {display:none !important;}

Code: Select all

/* Remove Addon Bar Close Button */
#addonbar-closebutton {display:none !important;}

Code: Select all

/* Remove Location Bar Star */
#star-button.urlbar-icon {display:none !important;}

Code: Select all

/* Remove Sync Button From Options Dialog */
radio[label="Sync"] {display:none !important;}

[WonderCsabo]

Hi!

I got this userstyle to style the addonbar:

Code: Select all

#browser-bottombox, #status-bar{
    background-image: -moz-linear-gradient(white, rgba(255,255,255,.5) 30%), -moz-linear-gradient(hsl(214,44%,87%), hsl(214,44%,87%));
  }

But this code now only applies to only the background of old extension icons (eg statusbar).

How should i modify the code to apply it to the whole addon bar again? Thanks.

[sabret00the]

Hi!

I got this userstyle to style the addonbar:

Code: Select all

#browser-bottombox, #status-bar{
    background-image: -moz-linear-gradient(white, rgba(255,255,255,.5) 30%), -moz-linear-gradient(hsl(214,44%,87%), hsl(214,44%,87%));
  }

But this code now only applies to only the background of old extension icons (eg statusbar).

How should i modify the code to apply it to the whole addon bar again? Thanks.

change #status to #addon

[WonderCsabo]

That removes the decorations from the whole bar.

[rob64rock]

Hi!

I got this userstyle to style the addonbar:

Code: Select all

#browser-bottombox, #status-bar{
    background-image: -moz-linear-gradient(white, rgba(255,255,255,.5) 30%), -moz-linear-gradient(hsl(214,44%,87%), hsl(214,44%,87%));
  }

But this code now only applies to only the background of old extension icons (eg statusbar).

How should i modify the code to apply it to the whole addon bar again? Thanks.

Use this code:

Code: Select all

#navigator-toolbox:not([customizing]) ~ #browser-bottombox
   #addon-bar {
       background-image: -moz-linear-gradient(white, rgba(255,255,255,.5) 30%), -moz-linear-gradient(hsl(214,44%,87%), hsl(214,44%,87%)) !important;
        -moz-appearance: none !important;
      }

#navigator-toolbox:not([customizing]) ~
   #browser-bottombox {
       background-image: -moz-linear-gradient(white, rgba(255,255,255,.5) 30%), -moz-linear-gradient(hsl(214,44%,87%), hsl(214,44%,87%)) !important;
  }

   #addon-bar > #status-bar {
       background: none !important;
   }

Let me know if that worked for you

[GTK66]

Code: Select all

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

.statuspanel-label[value=""]{
   display: none !important;}

.statuspanel-label:not([value=""]){
   opacity: 1 !important;
   -moz-transition-property: opacity: 0 !important;
   -moz-transition-delay: 2000ms !important; }

#main-window[sizemode="normal"]:not([inFullscreen]) .statuspanel-inner{
   margin: 0 1px !important;}

.statuspanel-label {
   color: Windows Text !important;
   border-color: Transparent !important;
   background: Transparent !important;}

The above CSS will make the Link Status window Transparent.

[nemm]

I'll post a few ones i made this week:
Slim About:

Code: Select all

/* Slim About Dialog */
#leftBox {display:none !important;}
#bottomBox {display:none !important;}
#rightBox > description {display:none !important;}

No searchbox in downloads:

Code: Select all

/* Remove download manager search box */
#searchbox {display:none !important;}

Great! Thx! I've been looking for these two tweaks.

[makondo]

Please, don't 'quote' huge pics (or any, for that matter) when quoting a post, especially if your response is ... a one liner.

[nemm]

Please, don't 'quote' huge pics (or any, for that matter) when quoting a post, especially if your response is ... a one liner.

Sorry, my bad. I've edited my post and removed pictures from quote.

[ajnauron]

Anyone got the code for 32px apptabs? I've tried the one listed earlier in the topic, but for some reason when pinned it turns bright red.

[makondo]

nemm, thanks!

ajnauron,

which code are you referring to? If it's this one, it says there: bg: red. Just something for the code sake. Change it to whatever you want or transparent or ... whatever or delete the whole line:

.tabbrowser-tab[pinned]
{ min-width: 32px !important; }

[ajnauron]

@makondo yeah, I've searched userstyles.org. Looking at your code, I can't see where you have the 32px app tabs setting, could you direct me to that section?