GSM

icecreamchopsticks · 2010-06-08 15:40:56

I've seen so many awesome userchromes at PF and I was wondering if you guys are kind enough to share your userchrome.css codes with me? :3

Thanks~

Last edited by icecreamchopsticks (2010-06-08 15:41:23)

nitzua · 2010-06-08 18:17:13

a lot of mine are what i'd call native to my current setup, stuff dealing with fonts and whatnot. the rest of what i have in place can be easily found on some of the first google searches for 'userchrome hacks' or accomplished in other ways i.e. stylish or in about:config. that being said, i could still post some of my favorites or whatever if anyone wants. i'd actually be interested to hear others favorite hacks.

Tordenflesk · 2010-06-09 06:06:36

Mine:

Code:

/* Minimal Tabs/urlbar for the Moka theme from Rent0n. This is a mod  from "Minimalist Tab Bar by Saikobee" by Roline */

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

.tabbrowser-tabs *|tab {    
  font-size: 10px !important;
  height: 12px !important;
  min-width: 8px !important;
}

#content spacer,.tabs-bottom {
  display: none !important;
}

#content *{
  margin: 0 !important;
  padding:0 0 0 0px !important;
}



.tabbrowser-tab {
  -moz-appearance: none !important;
  -moz-border-radius: 0px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.tab-text {
  text-align: center !important;
  
}


#urlbar-icons > #star-button:not([starred="true"]) {
  display: none !important;
}

#feed-button {
  display: none !important;
}

#urlbar-icons > #go-button {
  display: none !important;
}

.tabbrowser-tabs .tab-icon {
  display: none !important;
}

#back-forward-dropmarker {
  display: none !important;
}

.tabs-newtab-button {
display: none !important;
}

.scrollbutton-up, .scrollbutton-down {
  display: none !important;
}

/* hide bookmark favicons */
menuitem.bookmark-item > .menu-iconic-left {
  display: none;
}

/* hide icons for bookmark folders */
menu.bookmark-item > .menu-iconic-left {
  display: none;
}

/* hide Bookmarks Toolbar */
#bookmarksToolbarFolderMenu {
  display: none !important;
}
#organizeBookmarksSeparator {
  display: none !important;
}

/* don't display menu icons in some menus */
menu[label="File"] menuitem,
menu[label="Help"] menuitem,
menu[label="View"] menuitem,
menu[label="Edit"] menuitem,
menu[label="Tools"] menuitem,
menu[label="Tools"] menu {
  list-style-image: none !important;
}

/* don't display keyboard shortcuts in menus */
/* with Cutemenus or MR Tech Local Install extensions */
.menu-iconic-accel {
  display: none !important;
}
/* Firefox */
.menu-accel {
  display: none !important;
}

icecreamchopsticks · 2010-06-10 10:51:33

nitzua wrote:
a lot of mine are what i'd call native to my current setup, stuff dealing with fonts and whatnot. the rest of what i have in place can be easily found on some of the first google searches for 'userchrome hacks' or accomplished in other ways i.e. stylish or in about:config. that being said, i could still post some of my favorites or whatever if anyone wants. i'd actually be interested to hear others favorite hacks.

Could you post some please? <3
@Tordenflesk I tried it with the default theme since I didn't know where to get this "Moka" theme. if you don't mind would you link to it please? thanks.

Tordenflesk · 2010-06-10 11:13:00

I think It's meant to fit this:
http://rent0n86.deviantart.com/gallery/#/d29igd4
I found it in some "post your Arch Linux desktop 2010"-thread somewhere and added/removed bits and pieces from it. I can't seen to be able to get rid of the fugly gradients on tabs/tab-bar. Any tips? Maybe a custo-friendly theme?

Last edited by Tordenflesk (2010-06-10 11:21:49)

nitzua · 2010-06-10 11:54:17

Code:

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

/* Remove the URL bar Go button, not necessary IMO ;) */
#go-button {
  display: none !important;
}

/*remove new tab button*/
.tabs-newtab-button {display: none;}

*Remove the search button (magnifying glass) */
.search-go-button { display: none !important; } 

/* Remove the Bookmark star*/
#star-button {
  display: none !important;
}

/* hide live feed icon in Address url toolbar */
#feed-button {
display: none !important;
}

  /* hide Bookmarks Toolbar Menu Item */
#bookmarksToolbarFolderMenu {
  display: none !important;
}

/*Hide Unused Seperator in Bookmarks Menu*/
#organizeBookmarksSeparator {
  display: none !important;
}

/* Change fonts in Awesomebar drop down */
.ac-comment {
font-size: 100% !important;
font-weight: normal !important;
 }

/* Change font of url text Awesomebar drop down */
.ac-url-text {
  font-size: 100% !important;
}

/* change text and background colours of tabs (for me, it's meant to remove any bold text) */
tab {
  font-weight: normal !important;
}

/* Tab bar: hide all tabs drop-down list */
.tabbrowser-strip *[class^="tabs-alltabs"] { display: none !important }

nitzua · 2010-06-10 11:58:02

i can't edit my posts for some reason, but there's my current userchrome. i didn't add that first comment, but i did add the one about removing bold fonts. a lot of the snippets that have to do with fonts are for that purpose, because i'm using a font that looks nasty when it's bold.

icecreamchopsticks · 2010-07-05 21:09:39

Nice codes guys!! anyone else willing to share more awesomeness? x3

GSM

#1 2010-06-08 15:40:56

Share your userchrome.css

#2 2010-06-08 18:17:13

Re: Share your userchrome.css

#3 2010-06-09 06:06:36

Re: Share your userchrome.css

Code:

#4 2010-06-10 10:51:33

Re: Share your userchrome.css

nitzua wrote:

#5 2010-06-10 11:13:00

Re: Share your userchrome.css

#6 2010-06-10 11:54:17

Re: Share your userchrome.css

Code:

#7 2010-06-10 11:58:02

Re: Share your userchrome.css

#8 2010-07-05 21:09:39

Re: Share your userchrome.css

Board footer