Wanted Site identity button in Firefox 6 as it was into Firefox 5

**Dajbog** · 17-08-2011

As the title of this particular thread is saying what I wanted to ask over here in this particular thread. Let me know whether I will be able to get the site identity button style on Firefox 6 which was used on the Firefox 5. Let me know if you are aware of any other information which will be help me out to figure out the root cause of the problem. Any help to fix the matter will be highly appreciated. Thanks a lot in advance.

**Adrina_g** · 17-08-2011

In this particular situation I wanted to know whether you are using the beta version of the browser? If you are using the same than I let you know that you should get the Squared: mod for the browser which you have installed on the computer of yours. You can get the browser from the official website of the developer. So get the above mentioned mode and install the same on the computer of yours.

**samualres** · 17-08-2011

I am still doubting about the thing that is you will be able to integrate the button with the user style. If I am not wrong it will took quite big amount of the JavaScript code to get the functionality which you have mentioned over here. However I am not aware about the coding of the javascript. However you can ask any other user of this particular forum who are aware of the coding into the JavaScript. Let me know as you come across regarding the possible solution.

**Ricky58** · 17-08-2011

Well in order to get the requirement of yours I am suggesting following solution which you should try to fix the matter of yours.

Code:

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

/*Firefox 4 Squared*/
/*By HeartRipper*/



/*Reduces the navbar rounded corner radius*/
#main-window:not([sizemode="maximized"]) #navigator-toolbox[tabsontop="true"] #nav-bar{
   border-radius: 2.5px 2.5px 0 0 !important;
}

/*Fixes the height of new tabs*/
.tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 5 3 3 3 / 5px 2px 4px 2px repeat stretch !important;
}

/*More squared button style*/
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
#nav-bar .toolbarbutton-1:not([type="menu-button"]) {
    background: -moz-linear-gradient(rgba(237, 240, 246, .83) 40%, rgba(221, 228, 237, .60) 60%) repeat scroll 0 0 padding-box !important;
    border: 1px solid rgba(0, 0, 0, .18) !important;
    border-radius: 2px !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(ltr),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl),
#nav-bar #back-button:-moz-locale-dir(ltr) {
   border-bottom-right-radius: 0 !important;
   border-top-right-radius: 0 !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(rtl),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(ltr),
#nav-bar #back-button:-moz-locale-dir(rtl), 
#nav-bar #forward-button {
   border-bottom-left-radius: 0 !important;
   border-top-left-radius: 0 !important;
}

#nav-bar #forward-button {
   border-left-style: none !important;
}

#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button {
   border-radius: 10000px 10000px 10000px 10000px !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:not([disabled="true"]):not(:active),
#nav-bar .toolbarbutton-1:hover:not([open="true"]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),
#nav-bar .toolbarbutton-1:hover:not([type="menu-button"]):not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active) {
    -moz-transition: background-color 0.2s ease-in 0s,
                     border-color 0.2s ease-in 0s,
                     box-shadow 0.2s ease-in 0s !important;
    background-color: rgba(132, 209, 224, 0.5) !important;
    border-color: rgba(121, 195, 210, 0.8) rgba(63, 170, 191, 0.8) rgba(121, 195, 210, 0.8) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset,
                0 0 0 1.5px rgba(255, 255, 255, 0.1) inset,
                0 0 3.5px #9EEAF9 !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active:not([disabled="true"]),
#nav-bar .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),
#nav-bar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker,
#nav-bar .toolbarbutton-1:hover:active:not([type="menu-button"]):not([disabled="true"]),
#nav-bar .toolbarbutton-1[checked="true"]:not([type="menu-button"]), #nav-bar .toolbarbutton-1[open="true"] {
    background-color: transparent !important;
    border-color: rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 3.5px rgba(0, 0, 0, 0.3) inset,
                0 0 1px rgba(0, 0, 0, 0.3) inset,
                0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

#nav-bar > .toolbarbutton-1[type="menu-button"] .toolbarbutton-menubutton-button{

}
#nav-bar > .toolbarbutton-1[type="menu-button"] .toolbarbutton-menubutton-dropmarker{}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
   -moz-border-start-style: none !important;
}

/*URLbar and search box*/
#urlbar, .searchbar-textbox {
   border-radius: 2px !important;
   box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.12) inset !important;
}

/*IdentityBox*/
#page-proxy-stack{
   margin-right: 1px !important;
   background: none !important;
}

#identity-box{
  box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset !important;
  -moz-border-end: 1px solid hsla(0,0%,0%,.1) !important;
  padding: 2px !important;
  margin: -2px !important;
  -moz-margin-end: 0 !important;
   background: -moz-linear-gradient(hsl(0,0%,98%), hsl(0,0%,92%)) !important;
   border-radius: 2px 0 0 2px !important;
}

#identity-box:hover {
  background-image: -moz-linear-gradient(hsl(0,0%,95%), hsl(0,0%,87%)) !important;
}

#identity-box[open="true"],
#identity-box:hover:active {
  background-image: -moz-linear-gradient(hsl(0,0%,92%), hsl(0,0%,82%)) !important;
  box-shadow: 0 1px 1px hsla(0,0%,0%,.3) inset,
              0 1px 3px hsla(0,0%,0%,.3) inset !important;
}

#identity-box.verifiedIdentity,
#identity-box.verifiedDomain{
   text-shadow: 0 0 3px white !important;
}

#identity-box.verifiedDomain {
  background-image: -moz-linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%)) !important;
  box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset !important;
  -moz-border-end-color: hsla(215,54%,33%,.2) !important;
  color: hsl(215,54%,33%) !important;
}

#identity-box.verifiedDomain:hover {
  background-image: -moz-linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
}

#identity-box.verifiedDomain:hover:active,
#identity-box.verifiedDomain[open="true"] {
  background-image: -moz-linear-gradient(hsl(215,80%,80%), hsl(215,67%,65%)) !important;
  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
              0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
}

#identity-box.verifiedIdentity{
  background-image: -moz-linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%)) !important;
  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
  -moz-border-end-color: hsla(92,81%,16%,.2) !important;
  color: hsl(92,100%,20%) !important;
}

#identity-box.verifiedIdentity:hover {
  background-image: -moz-linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
}

#identity-box.verifiedIdentity:hover:active,
#identity-box.verifiedIdentity[open="true"] {
  background-image: -moz-linear-gradient(hsl(92,65%,70%), hsl(92,40%,48%)) !important;
  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
              0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
}

#identity-box.verifiedIdentity ~ #notification-popup-box{
   padding-right: 5px !important;
}

#notification-popup-box {
  position: relative !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  padding-left: 3px !important;
  border-radius: 2px 0 0 2px !important;
  -moz-border-image: url("http://mxr.mozilla.org/mozilla-central/source/browser/themes/winstripe/browser/urlbar-arrow.png?raw=1") 0 8 0 0 / 0 8px 0 0 !important;
  -moz-margin-end: -8px !important;
  margin-top: -2px !important;
  margin-bottom: -2px !important;
  margin-left: 0px !important;
}

#notification-popup-box:not([hidden]) + #identity-box {
  -moz-padding-start: 10px !important;
  border-radius: 0 !important;
}

/*Go-Stop-Reload Button*/
#urlbar-go-button,
#urlbar-stop-button,
#urlbar-reload-button:hover:not([disabled]) {
   border: 1px solid rgba(0,0,0,.25) !important;
   margin: -3px -3px -3px 0 !important;
   box-shadow: 0 0 1px 0 rgba(255,255,255,.35) inset,
               0 0 2px 0 rgba(255,255,255,.4) inset!important;
}

#urlbar > toolbarbutton:active:hover:not([disabled]) {
   -moz-padding-start: 3px !important;
   box-shadow: 0 0 3.5px rgba(0, 0, 0, 0.2) inset,
               0 0 2px rgba(0, 0, 0, 0.3) inset !important;

Let me know whether it was useful to you or not.

**technika** · 17-08-2011

Let me know whether the above mentioned code was useful to get the requirement of yours or not. If you are not able to meet the requirement of yours I am suggesting that you should simply contact the developer of the browser. Well according to me the developer of the browser is the only one who can help you out to fix the matter of yours. Let me know what solution they have provided to fix the matter of yours.

**Dajbog** · 17-08-2011

Thanks a lot for the posting all the possible solution over here. Well I let you know you that I have make the thing working for me after using the code which you have provided over here. all the information which has been provided by the all the user was quite useful. I will recommend above mentioned code to all the friends of mine who are having the same query like me. Anyway I wanted to appreciate your efforts.