Tabs help

edited February 2009 in Stylish
Hi, I'm making some glossy tabs with a white-to-trasparent gradient made in Photoshop, and I need some information. (don't mind my crappy english, I'm italian)

First: the active tab has for default a bold text... how can I edit it to italic only? I tried to put "font-style: italic" but it makes the text italic AND bold. In other words I'm searching the way to make this: http://img100.imageshack.us/img100/9846/activetab.png

Second: the tabs have some margin lines that I don't know how to delete... I explain: the margins are this (http://img201.imageshack.us/img201/5104/marginlines.png) and I want to delete them like this (http://img201.imageshack.us/img201/588/nomarginlines.png)

The actual code:

_________________________________________________________________________________

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

.tabbrowser-tabs tab[selected="true"] {
background: url("data:image/png;base64,BASE64 CODE") !important;
}

.tabbrowser-tabs tab:not([selected="true"]) {
background:url("data:image/png;base64,BASE64 CODE") !important;
}

.tabbrowser-tabs tab:not([selected="true"]):hover {
background: url("data:image/png;base64,BASE64 CODE") !important;
}

_________________________________________________________________________________

For changing the text style I modified a part of "Glass your Firefox" code by Ambroos. Here it is:

_________________________________________________________________________________

/* TABS */


.tabbrowser-tabs tab[selected="true"] > .tab-text {
color: black !important;
font-style: italic !important;
}

.tabbrowser-tab:not([selected="true"]) > .tab-text {
color: black !important;
opacity: .60 !important;
}

.tabbrowser-tab:not([selected="true"]):hover > .tab-text {
color: black !important;
opacity: .75 !important;
}

.tab-text
{
font-style: italic !important;
opacity: .99 !important;
}

_________________________________________________________________________________

If U can help me thanks alot, I'm still a n00b in CSS coding xD

Comments

  • edited February 2009
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    /* To eliminate the border around the tabs: */
    .tabbrowser-tab {
    border: none !important;
    }
    /* From bold text to normal: */
    .tabbrowser-tabs tab[selected="true"] > .tab-text {
    color: black !important;
    font-style: italic !important;
    font-weight: normal !important;
    }
  • Hey thanks very much man it works all 4 me!! U helped me a lot!!!
Sign In or Register to comment.