hi
i use firefox…i made for myself a css style for the tabs ( selected and all the others)…
is it possible to style a specific css tab for each site i use ( this site for eg) ?
different from the other tabs ?
thank for any answer i get .
Can you show us what you have so far? Could probably add some nth-child manipulation
You are talking about the browser itself, right? Not a random webpage?
/* Tab bar adjustments */
/* eliminates menu bar space */
#TabsToolbar {
background: transparent !important;
margin-top: -2px !important;
margin-bottom: -2px !important;
}
/* tab base layer of each tab. add padding to see desktop behind tab divisions*/
#TabsToolbar .tabbrowser-tab, .tabs-newtab-button {
background: rgb(222, 255, 5, .8);border: blue;
padding:-0px;
}
/* background layer for tabs */
#TabsToolbar .tab-background {
font-weight: 900;
color:red;
margin: 0px 1px px !important;width:5px; !important;
width:20px !important;
border-radius: 55px 55px 55px 55px!important;height:12px!important;transform: rotate(-3deg);background-color: red;border-style:dotted;
background-color:#E5f550; linear-gradient(to bottom, hsla(0, 0%, 100%, .5) ;
{ display:inline-f;transform:scale(1.);}
hsla(0, 0%, 70%, .30),
hsla(0, 0%, 55%, .30) 85%,
hsla(0, 0%, 25%, .6) 9%),
radial-gradient(circle at center 5px, hsla(0, 0%, 100%, .2), hsla(0, 0%, 50%, 0) 100%);
}
#TabsToolbar .tab-background[selected] {
/* plain green tab */
/* background: linear-gradient(to bottom, hsla(2, 90%, 70%, .1) 21px,
hsla(2, 35%, 50%, .17),
hsla(20, 35%, 50%, .17) 0%,
hsla(2, 35%, 50%, .17) 9%); */
/* not so plain */
background-image:url("http://www2.tokai.or.jp/s.fuji/tools/DVD-R_S-VHS.gif");transform: rotate(10deg);transform:scae(1,1);opacity:0.9;width:-moz-available;}
transform:scale(1.4);height:9px;
background-image:url(http://www.maciarot.it/images/Irish%20-%20Lupo.gif);opacity 0.09;
hsla(3, 0%, 55%, .15),
hsla(330, 70%, 38%, .195) 8%,
hsla(239, 80%, 25%, .915)) 9%,
radial-gradient(circle at center 1px, hsla(0, 0%, 100%, .4), hsla(0, 0%, 50%, 0) 100%),
}
#TabsToolbar .tab-background:hover {
background-image:url(http://www.maciarot.it/images/Irish%20-%20Lupo.gif);
transform:scale(1.99);background-color:red;border-width: 5px;border-color:blue;
background: linea-gradient(to bottom, green,red,red,yellow,
hsla(222, 80%, 55%, .55),
hsla(0, 80%, 4%, .65),
hsla(210, 85%, 0%, .05)),
radial-gradient(circle at center 55px, hsla(0, 0%, 100%, .4), hsla(0, 0%, 50%, 0) 100%),
linear-gradient(hsla(0, 0%, 65%, .2), hsla(0, 0%, 88%, .2) 50%);
}
/* eliminate left margin of tab bar */
#TabsToolbar .arrowscrollbox-scrollbox {
padding:0 0 1px 0 !important;}
/* tab begin and end shapes (disabled) */
#TabsToolbar .tab-background-start {display: inline-flex;
#TabsToolbar .tab-background-end {display: inline-flex;}
display:none; !important;}
/* recieves mouse events - do not hide */
#TabsToolbar .tab-background-middle {
opacity: 0 !important;}
/* new tab button apperance */
#TabsToolbar .tabs-newtab-button {
width:40px; !important;margin-right:6px;
margin: 10px px 0px 1px !important;border-radius: 15px;opacity: 0.96;
background: url(http://www.sherv.net/cm/emoticons/sorry/sorry-face-smiley-emoticon.gif) !important;
background-height:6px;}
{padding-left:11px; } !important;
#TabsToolbar .tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon {
margin: 0px 0px !important;
padding: 5px 5px !important;}
/* new tab button hover glow effect */
.tabbrowser-tabs .tabs-newtab-button:not([disabled=true]):hover > .toolbarbutton-icon {
background: linear-gradient(to bottom, hsla(198, 30%, 95%, .45), hsla(198, 10%, 80%, .35), hsla(198, 20%, 50%, .2), hsla(198, 20%, 100%, 0)),
-moz-radial-gradient(center 5px, circle cover, hsla(0, 0%, 100%, .4), hsla(0, 0%, 50%, 0) 100%),
-moz-linear-gradient(hsla(0, 0%, 45%, .2), hsla(0, 0%, 88%, .1) 50%);}
i think this answer your question…im not an expert…
i want to style a different tab for each site .with css…the tabs in the browser…
thank you very much
I’m sorry but I also need the (HTML?) code for this as well.
this is 1 of the sites that i want to have a different style of tab for.
the css world is new for me…i’m sorry
thank you RyanReese!!!
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.