Fx4* .css tweaks

[ajnauron]

Try this one http://userstyles.org/styles/35404 maybe need some tweaks.

[T0morrow]

Little tweak for target link at the bottom of the screen.This will give it rounded top right corner so it should look better :

Default:

Rounded:


It may not look like much of a change but it's more apparent in custom:


You can tweak to corner to be more round if you want:

Code: Select all

.statuspanel-label {-moz-appearance:none;-moz-border-radius-topright:25px;border-top-right-radius:7px !important;}

EDIT: see more here: http://www.css3.info/preview/rounded-border/

[mpurna77]

Try this one http://userstyles.org/styles/35404 maybe need some tweaks.

Thanks.

[ajnauron]

Try this one http://userstyles.org/styles/35404 maybe need some tweaks.

Thanks.

Here, this fixes the topcrosschopping:

Code: Select all

#TabsToolbar[tabsontop="true"] .tabbrowser-tab[selected="true"]:not([pinned]) {
  margin-bottom: 0px !important;
  height:21px !important;
  min-height:21px !important;
  max-height:21px !important;
  opacity: 1 !important;
  margin-left: -2px !important;
  margin-right: -10px !important;
  position:relative !important;
  z-index: 10 !important;
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAZCAYAAACsGgdbAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAKxSURBVFhHxZdLaxpRGIZNCu2mdNWuuip0027yBwpdZVXotn+i20JXXRX6GwpdKoI3RBGxoKIoGsT7/TZSxPuFrIRC4PR9hSOTVDMzcTIRDphwzvs8831zzow2m4FPtVp9z+mBQEC43e5bh8vlEnJwLr9zHdcj59wAVv/UQqHwAZBNKpUS/X5frNdrw4PruB45l8h7rZ+uY2alUjlH8N98Pi8Wi4VYLpditVoZHlzH9cxBXhe5L3Tgtac0m83HuPpuIpEQs9lsCzl2MId5yL1gvraFxoxyufzV4/EIhIn5fH60IC+QOcxjLqr54yjJdrv9MplMbuLxuJhMJqZKMo+5yL8E5+mdRbELv3i9XtFqtUxrtbxV2HLmMh+cz3eWzGQyxUgkYmoVpSRbzmoyP5vNdjudziPDorhn3oZCIdFoNEyvorqazCcHvI+GJYvF4ncewKPR6F4lmU8OeL8NS+KI+GP2hrl5dMmWkwPeVbfbfaVbFC145/P5BBaJ6XR6cFcfOpL0HlWcx3xyyAP3m25JPBF+8nk7Ho+vtVoN3yfC/6mHepOoq6hey11ODnngKoPB4ERTtNfrnUaj0RWfsdx9DLkJN/Nv5pNDHrgC/Geakthln3gjY/Ku1WZK7ctiy8kjF3yHpmQul4uy9HJX37cg81lN8sgFf3OrJF6lTsLh8FU6nd4d4FZIyl1OLvjbd86Dn3q9fuZ0OgVuXstaLYvAlpNLfq1We35QElei8FlqZaulpGw5+fC42CvJXe33+7cvpPKNx6pWSw655MPjCj5P/hMtlUqK3W4Xw+HQ8larW04+PeDz65okNwzfRmKx2O4At7qKcpfzYKcHfeB1uhXFlzd4uAuHwyEURXmwKqqrSQ/6wGvFAtpozPI+ROW0mPSC39wWDAZN+d1y7I+zQ+vp9w9UTA8Mbi94nwAAAABJRU5ErkJggg==") 0 16 0 16 !important;
}

.tabbrowser-tab:not([pinned]) {
  height:21px !important;
  min-height:21px !important;
  max-height:21px !important;
  padding: 1px 0px 0px 0px !important;
  background: transparent !important;
  border-top-width: 0px !important;
  border-right-width: 15px !important;
  border-bottom-width: 0 !important;
  border-left-width: 15px !important;
  border-bottom: 0 !important;
  margin-left: -1px !important;
  margin-right: -10px !important;
  position:relative !important;
  z-index: 5 !important;
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAZCAYAAACsGgdbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjVJivzgAAAC3UlEQVRYR82XTWsaQRzGhUAhkFOhp54COfUzFAqFQCBQ6LWnfoBeC1USX6tFja+I0aTRBN9BfFeM0A+QUz+AIPRaCOQkFITp8yyMbGR1Z22UBoZdd/7zPL+Z//5nJzabhb/Ly8s3DPd4POL09HRlOzk5EbIxlvccx/HQObRgqx56fn5+DJNpNBoV5XJZjEYjcXt7qzXeL/5e7GM/x3E8dB6gd6DurhB5cXFxCOE/EBaDwUAMh8O1G8dTB3pj6L5QsDcPub6+fobZj8/OzkSn0xH9fl8D5VXeG/3mM/l88Uod6kH3jvrmFCYRmO0Xp9MpICZ6vZ4h3CpoORn9lTrUoy70v/0T5M3NzctIJDINh8Oi3W7PAY2M9Su7ql/2UY+60H+Az97aoKjCzy6XS5t1t9tVglQBZAz1qEt9+HxaGzKRSPwMBALKq6gKqF9N6ieTyXGhUNixDJrP51/5fD6Ry+XmBWMVwiyeBUR9+sDvnWXITCbzlRtwo9F48lRLeKac+vSB38gyJLaIX1YKxmzVlvXLAoLfDCnfVwZFCl7zhcagjaVaQjPl9KEffJ3KkPgiZPm9bTabG0u1PuX0oV86nZ5UKhXzAioWi7vBYPCe39hWq7UVSPrQD74C/m9NVxNV9oEvMoI3nmp9yulHX/iXTCFTqdSPbaXaKOXwn1ar1d2loDhK7fv9/lk8Htc2cP23et3qVRlHH/rRF/6iVCodLYW8urryOBwOgZd3a6nWp5y+9AeH8aGjVqvtxGKxCbeCp6xqmQ2zrHBjpy/9wXFnuJJ4cY/dbrd2IGW1mYnKFVgWpzper0Nf+oNjBp7nj0Dr9fpeNpud2O12gft5qlUAFmOMxvCZbMvOl3zOjZ3+5ADP90eQKJg0TyOhUGiear2w2T0NzGJU+mXKyUEecL3XQFFJH/Fx1+j5jxJnoyK4qRj6k4M84LoH34GNxHygslVsO4Zc4Ptt83q94n9vfwGxgRpZBWGziQAAAABJRU5ErkJggg==") 0 16 0 16 !important;
}

I have tried to change the new tab button and pinned tab buttons to match, but unfortunately I've had no luck so far. I'm also trying to adjust the rgba value of the active tab to match the navbar, does anyone know this rgba value?

[T0morrow]

I'm also trying to adjust the rgba value of the active tab to match the navbar, does anyone know this rgba value?

Google for color picker.It may take some trial and error to find the correct value if it has darker and lighter tones.

[ajnauron]

I'm also trying to adjust the rgba value of the active tab to match the navbar, does anyone know this rgba value?

Google for color picker.It may take some trial and error to find the correct value if it has darker and lighter tones.

Thanks, I've it it, it's 231, 237, 245. I'm having trouble inserting it, though, because adding the following to the code I posted above doesn't work:

Code: Select all

.tabbrowser-tab[selected="true"]:
{ background: rgba(231,237,245, 1.0) !important; }

The really odd thing is that the code I posted for the Chrome Tabs also changes the color of the tabs to a very light brown, although I don't see any rgba tag that's making this change.

[patrickjdempsey]

Try:

Code: Select all

.tabbrowser-tab[selected="true"] {
background-color: rgb(231,237,245) !important; }

You don't need to use RGBA if you have a value of 1, and the background tag has more than one property. And I'm not sure were you got that colon from.

[ajnauron]

Try:

Code: Select all

.tabbrowser-tab[selected="true"] {
background-color: rgb(231,237,245) !important; }

You don't need to use RGBA if you have a value of 1, and the background tag has more than one property. And I'm not sure were you got that colon from.

Thanks for the fixes, I'll keep those in mind. Unfortunately, it still doesn't work.

[patrickjdempsey]

It's possible that the "border image" actually covers the entire surface of the tab. That stuff is confusing and weird to me, it was when it was in Firefox 2.0 and I was glad to be rid of it in 3.0 and now it's back.

[mpurna77]

Try this one http://userstyles.org/styles/35404 maybe need some tweaks.

Thanks for this update, Could you please increase tab height. its very small compared to default.

[ajnauron]

@mpurna77

Adjusted to normal tab height:

Code: Select all

#TabsToolbar[tabsontop="true"] .tabbrowser-tab[selected="true"]:not([pinned]) {
  margin-bottom: 0px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  opacity: 1 !important;
  margin-left: -2px !important;
  margin-right: -10px !important;
  position:relative !important;
  z-index: 10 !important;
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAZCAYAAACsGgdbAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAKxSURBVFhHxZdLaxpRGIZNCu2mdNWuuip0027yBwpdZVXotn+i20JXXRX6GwpdKoI3RBGxoKIoGsT7/TZSxPuFrIRC4PR9hSOTVDMzcTIRDphwzvs8831zzow2m4FPtVp9z+mBQEC43e5bh8vlEnJwLr9zHdcj59wAVv/UQqHwAZBNKpUS/X5frNdrw4PruB45l8h7rZ+uY2alUjlH8N98Pi8Wi4VYLpditVoZHlzH9cxBXhe5L3Tgtac0m83HuPpuIpEQs9lsCzl2MId5yL1gvraFxoxyufzV4/EIhIn5fH60IC+QOcxjLqr54yjJdrv9MplMbuLxuJhMJqZKMo+5yL8E5+mdRbELv3i9XtFqtUxrtbxV2HLmMh+cz3eWzGQyxUgkYmoVpSRbzmoyP5vNdjudziPDorhn3oZCIdFoNEyvorqazCcHvI+GJYvF4ncewKPR6F4lmU8OeL8NS+KI+GP2hrl5dMmWkwPeVbfbfaVbFC145/P5BBaJ6XR6cFcfOpL0HlWcx3xyyAP3m25JPBF+8nk7Ho+vtVoN3yfC/6mHepOoq6hey11ODnngKoPB4ERTtNfrnUaj0RWfsdx9DLkJN/Nv5pNDHrgC/Geakthln3gjY/Ku1WZK7ctiy8kjF3yHpmQul4uy9HJX37cg81lN8sgFf3OrJF6lTsLh8FU6nd4d4FZIyl1OLvjbd86Dn3q9fuZ0OgVuXstaLYvAlpNLfq1We35QElei8FlqZaulpGw5+fC42CvJXe33+7cvpPKNx6pWSw655MPjCj5P/hMtlUqK3W4Xw+HQ8larW04+PeDz65okNwzfRmKx2O4At7qKcpfzYKcHfeB1uhXFlzd4uAuHwyEURXmwKqqrSQ/6wGvFAtpozPI+ROW0mPSC39wWDAZN+d1y7I+zQ+vp9w9UTA8Mbi94nwAAAABJRU5ErkJggg==") 0 16 0 16 !important;
}

.tabbrowser-tab:not([pinned]) {
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  padding: 1px 0px 0px 0px !important;
  background: transparent !important;
  border-top-width: 0px !important;
  border-right-width: 15px !important;
  border-bottom-width: 0 !important;
  border-left-width: 15px !important;
  border-bottom: 0 !important;
  margin-left: -1px !important;
  margin-right: -10px !important;
  position:relative !important;
  z-index: 5 !important;
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAZCAYAAACsGgdbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjVJivzgAAAC3UlEQVRYR82XTWsaQRzGhUAhkFOhp54COfUzFAqFQCBQ6LWnfoBeC1USX6tFja+I0aTRBN9BfFeM0A+QUz+AIPRaCOQkFITp8yyMbGR1Z22UBoZdd/7zPL+Z//5nJzabhb/Ly8s3DPd4POL09HRlOzk5EbIxlvccx/HQObRgqx56fn5+DJNpNBoV5XJZjEYjcXt7qzXeL/5e7GM/x3E8dB6gd6DurhB5cXFxCOE/EBaDwUAMh8O1G8dTB3pj6L5QsDcPub6+fobZj8/OzkSn0xH9fl8D5VXeG/3mM/l88Uod6kH3jvrmFCYRmO0Xp9MpICZ6vZ4h3CpoORn9lTrUoy70v/0T5M3NzctIJDINh8Oi3W7PAY2M9Su7ql/2UY+60H+Az97aoKjCzy6XS5t1t9tVglQBZAz1qEt9+HxaGzKRSPwMBALKq6gKqF9N6ieTyXGhUNixDJrP51/5fD6Ry+XmBWMVwiyeBUR9+sDvnWXITCbzlRtwo9F48lRLeKac+vSB38gyJLaIX1YKxmzVlvXLAoLfDCnfVwZFCl7zhcagjaVaQjPl9KEffJ3KkPgiZPm9bTabG0u1PuX0oV86nZ5UKhXzAioWi7vBYPCe39hWq7UVSPrQD74C/m9NVxNV9oEvMoI3nmp9yulHX/iXTCFTqdSPbaXaKOXwn1ar1d2loDhK7fv9/lk8Htc2cP23et3qVRlHH/rRF/6iVCodLYW8urryOBwOgZd3a6nWp5y+9AeH8aGjVqvtxGKxCbeCp6xqmQ2zrHBjpy/9wXFnuJJ4cY/dbrd2IGW1mYnKFVgWpzper0Nf+oNjBp7nj0Dr9fpeNpud2O12gft5qlUAFmOMxvCZbMvOl3zOjZ3+5ADP90eQKJg0TyOhUGiear2w2T0NzGJU+mXKyUEecL3XQFFJH/Fx1+j5jxJnoyK4qRj6k4M84LoH34GNxHygslVsO4Zc4Ptt83q94n9vfwGxgRpZBWGziQAAAABJRU5ErkJggg==") 0 16 0 16 !important;
}

[mpurna77]

@mpurna77

Adjusted to normal tab height:

Code: Select all

#TabsToolbar[tabsontop="true"] .tabbrowser-tab[selected="true"]:not([pinned]) {
  margin-bottom: 0px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  opacity: 1 !important;
  margin-left: -2px !important;
  margin-right: -10px !important;
  position:relative !important;
  z-index: 10 !important;
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAZCAYAAACsGgdbAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAKxSURBVFhHxZdLaxpRGIZNCu2mdNWuuip0027yBwpdZVXotn+i20JXXRX6GwpdKoI3RBGxoKIoGsT7/TZSxPuFrIRC4PR9hSOTVDMzcTIRDphwzvs8831zzow2m4FPtVp9z+mBQEC43e5bh8vlEnJwLr9zHdcj59wAVv/UQqHwAZBNKpUS/X5frNdrw4PruB45l8h7rZ+uY2alUjlH8N98Pi8Wi4VYLpditVoZHlzH9cxBXhe5L3Tgtac0m83HuPpuIpEQs9lsCzl2MId5yL1gvraFxoxyufzV4/EIhIn5fH60IC+QOcxjLqr54yjJdrv9MplMbuLxuJhMJqZKMo+5yL8E5+mdRbELv3i9XtFqtUxrtbxV2HLmMh+cz3eWzGQyxUgkYmoVpSRbzmoyP5vNdjudziPDorhn3oZCIdFoNEyvorqazCcHvI+GJYvF4ncewKPR6F4lmU8OeL8NS+KI+GP2hrl5dMmWkwPeVbfbfaVbFC145/P5BBaJ6XR6cFcfOpL0HlWcx3xyyAP3m25JPBF+8nk7Ho+vtVoN3yfC/6mHepOoq6hey11ODnngKoPB4ERTtNfrnUaj0RWfsdx9DLkJN/Nv5pNDHrgC/Geakthln3gjY/Ku1WZK7ctiy8kjF3yHpmQul4uy9HJX37cg81lN8sgFf3OrJF6lTsLh8FU6nd4d4FZIyl1OLvjbd86Dn3q9fuZ0OgVuXstaLYvAlpNLfq1We35QElei8FlqZaulpGw5+fC42CvJXe33+7cvpPKNx6pWSw655MPjCj5P/hMtlUqK3W4Xw+HQ8larW04+PeDz65okNwzfRmKx2O4At7qKcpfzYKcHfeB1uhXFlzd4uAuHwyEURXmwKqqrSQ/6wGvFAtpozPI+ROW0mPSC39wWDAZN+d1y7I+zQ+vp9w9UTA8Mbi94nwAAAABJRU5ErkJggg==") 0 16 0 16 !important;
}

.tabbrowser-tab:not([pinned]) {
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  padding: 1px 0px 0px 0px !important;
  background: transparent !important;
  border-top-width: 0px !important;
  border-right-width: 15px !important;
  border-bottom-width: 0 !important;
  border-left-width: 15px !important;
  border-bottom: 0 !important;
  margin-left: -1px !important;
  margin-right: -10px !important;
  position:relative !important;
  z-index: 5 !important;
  -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAZCAYAAACsGgdbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjVJivzgAAAC3UlEQVRYR82XTWsaQRzGhUAhkFOhp54COfUzFAqFQCBQ6LWnfoBeC1USX6tFja+I0aTRBN9BfFeM0A+QUz+AIPRaCOQkFITp8yyMbGR1Z22UBoZdd/7zPL+Z//5nJzabhb/Ly8s3DPd4POL09HRlOzk5EbIxlvccx/HQObRgqx56fn5+DJNpNBoV5XJZjEYjcXt7qzXeL/5e7GM/x3E8dB6gd6DurhB5cXFxCOE/EBaDwUAMh8O1G8dTB3pj6L5QsDcPub6+fobZj8/OzkSn0xH9fl8D5VXeG/3mM/l88Uod6kH3jvrmFCYRmO0Xp9MpICZ6vZ4h3CpoORn9lTrUoy70v/0T5M3NzctIJDINh8Oi3W7PAY2M9Su7ql/2UY+60H+Az97aoKjCzy6XS5t1t9tVglQBZAz1qEt9+HxaGzKRSPwMBALKq6gKqF9N6ieTyXGhUNixDJrP51/5fD6Ry+XmBWMVwiyeBUR9+sDvnWXITCbzlRtwo9F48lRLeKac+vSB38gyJLaIX1YKxmzVlvXLAoLfDCnfVwZFCl7zhcagjaVaQjPl9KEffJ3KkPgiZPm9bTabG0u1PuX0oV86nZ5UKhXzAioWi7vBYPCe39hWq7UVSPrQD74C/m9NVxNV9oEvMoI3nmp9yulHX/iXTCFTqdSPbaXaKOXwn1ar1d2loDhK7fv9/lk8Htc2cP23et3qVRlHH/rRF/6iVCodLYW8urryOBwOgZd3a6nWp5y+9AeH8aGjVqvtxGKxCbeCp6xqmQ2zrHBjpy/9wXFnuJJ4cY/dbrd2IGW1mYnKFVgWpzper0Nf+oNjBp7nj0Dr9fpeNpud2O12gft5qlUAFmOMxvCZbMvOl3zOjZ3+5ADP90eQKJg0TyOhUGiear2w2T0NzGJU+mXKyUEecL3XQFFJH/Fx1+j5jxJnoyK4qRj6k4M84LoH34GNxHygslVsO4Zc4Ptt83q94n9vfwGxgRpZBWGziQAAAABJRU5ErkJggg==") 0 16 0 16 !important;
}

Thank you.

[sdrocking]

http://userstyles.org/styles/35655 does not work with Firefox 4. Can someone please give the code for centering bookmarks on its toolbar. TIA

[vasa1]

Try:

Code: Select all

.tabbrowser-tab[selected="true"] {
background-color: rgb(231,237,245) !important; }

You don't need to use RGBA if you have a value of 1, and the background tag has more than one property. And I'm not sure were you got that colon from.

Thanks for the fixes, I'll keep those in mind. Unfortunately, it still doesn't work.

This is what I'm using...

Code: Select all

.tabbrowser-tab[selected="true"] {
   background-color: #808080 !important;
   background-image: none !important; /* <<< this is necessary*/
   font-size: 14px !important;
   font-weight: bold !important;
   color: yellow !important;
   }
.tabbrowser-tab:not([selected="true"]) {
   background-color: #808080 !important;
   background-image: none !important; /* <<< this is necessary*/
   font-size: 14px !important;
   font-weight: bold !important;
   color: black !important;
   text-shadow: none !important;
   text-decoration: none !important; }


Frank Lion pointed out that "background-image: none !important;" was key (viewtopic.php?f=38&t=1991795).

[ajnauron]

It didn't change anything in my chrome tabs style, but it might be doing something more important in your style.