Yosemite for Firefox

userContent.css

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* 
   Yosemite for Firefox 
   Based on Tim Nguyen (Apple)
   Updated by trojkat
*/

/* back and forward buttons */

#back-button {
  padding-top: initial !important;
  padding-bottom: initial !important;
  -moz-padding-start: initial !important;
  -moz-padding-end: initial !important;
  position: initial !important;
  z-index: initial !important;
  border-radius: initial !important;
  margin-left: 10px !important;
}

#back-button:-moz-locale-dir(rtl) {
  border-radius: initial !important;
}

#back-button > menupopup {
  margin-top: initial !important;
}

#back-button > .toolbarbutton-icon {
  border-radius: initial !important;
  background-clip: initial !important;
  padding: 2px 6px !important;
  border: initial !important;
  box-shadow: initial !important;
  background-image: initial !important;
  transition-property: initial !important;
  transition-duration: initial !important;
}

#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
  background-color: initial !important;
  box-shadow: initial !important;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.098) !important;
}

#back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon,
#back-button[open="true"] > .toolbarbutton-icon {
  background-color: initial !important;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.098) !important;
  box-shadow: initial !important;
  transition: initial !important;
}

#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon {
  box-shadow: initial !important;
  transition: initial !important;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.098) !important;
}

#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
  transform: initial !important;
}

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

/* Toolbars */
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme),
#browser-bottombox:not(:-moz-lwtheme),
.browserContainer > findbar{
  background-color: #EDEDED !important;
}

#nav-bar:not(:-moz-lwtheme) {
  background-image: linear-gradient(to top, #EDEDED 0%, #EBEBEB 70%, #F4F4F4 100%);
}
/* Toolbar button */
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon {
  background-color: #FFF !important;
  border-radius:3px !important;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.098) !important;
  border:1px solid transparent !important;
}

#nav-bar .toolbarbutton-1:not(#back-button):not(#forward-button) {
  margin:0 3px !important;
}

/* Toolbar buttons hover state */
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon,
#nav-bar #back-button:not([disabled]):hover > .toolbarbutton-icon,
#nav-bar #back-button:not([disabled]):hover > .toolbarbutton-icon {
  background-color: #F1F1F1 !important;
  border: 1px solid transparent !important;
}
/* Toolbar buttons active and open states */
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):-moz-any(:hover:active,[open]) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled]) > .toolbarbutton-menubutton-dropmarker:hover:active > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled]):-moz-any(:hover:active, [open]) > .toolbarbutton-icon,
#nav-bar #back-button:-moz-any(:hover:active, [open]):not([disabled]) > .toolbarbutton-icon {
  background-color: #5A5A5A !important;
  box-shadow: none !important;
}
/* Toolbar buttons of [type=menu-button] separator */
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker::before {
  content:"";
  width:1px;
  height:18px !important;
  display: -moz-box;
  background: #C8C8C8 !important;
  margin:0 !important;
}
/* Toolbar buttons of [type=menu-button] border-radius overrides */
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1#forward-button > .toolbarbutton-icon {
  border-top-right-radius:0 !important;
  border-bottom-right-radius:0 !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  border-top-left-radius:0 !important;
  border-bottom-left-radius:0 !important;
}
/* White toolbar icons [open] and :hover:active states */
#nav-bar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button,  #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button):not([disabled]):hover:active,
#bookmarks-menu-button > .toolbarbutton-menubutton-button:hover:active > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button):not([disabled])[open=true],
#bookmarks-menu-button > .toolbarbutton-menubutton-button[open] > .toolbarbutton-icon,
#bookmarks-menu-button[open=true] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    list-style-image:url(chrome://browser/skin/Toolbar-inverted.png) !important;
}

/* PanelUI-popup toolbarbutton open state */
[panel-multiview-anchor="true"] {
  background-color: #508DDD !important;
  background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted.png) !important;
}

/* Textboxes */
#urlbar-container {
  margin-left:-5px !important;
}
#urlbar {
  border-top-left-radius: 1px !important;
  border-bottom-left-radius:1px !important;
  padding-left:3px !important;
  margin-left: 7vw !important;
  margin-right: 7vw !important;
}
#urlbar, .searchbar-textbox {
  border:none !important;
}
.searchbar-textbox {
  padding:1px !important;
}
#urlbar, .searchbar-textbox {
  background-color: #FFF !important;
  border-radius:3px !important;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.098) !important;
  border:1px solid transparent !important;
  text-align: center;
  font-size: 15px !important;
}

/*Tabs*/

#TabsToolbar {
    background: transparent !important;
    margin-bottom: 0 !important;
}

#TabsToolbar .arrowscrollbox-scrollbox {
    padding: 0 10px !important;
}

#TabsToolbar .tabbrowser-tabs{
    min-height: 28px !important;
}

#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab{
    -moz-border-top-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    border-style: none !important;
    border-color: transparent !important;
    padding: 4px 2px !important;
    background: #222 !important;
    background-clip: padding-box !important;
    transition: all .1s;
}
#TabsToolbar .tabs-newtab-button{
  background: transparent !important;
}

#TabsToolbar .tabbrowser-tab[first-tab][last-tab],
#TabsToolbar .tabbrowser-tab[last-visible-tab]{
    border-right-width: 1px !important;
}

#TabsToolbar .tabbrowser-tab[afterselected]{
   border-left-color: rgba(0,0,0,.25) !important;
}

#TabsToolbar .tabbrowser-tab[selected]{
    background: #f8f8f8 !important;
    background-clip: padding-box !important;
    border-color: rgba(0,0,0,.25) !important;
    color: #555 !important;
}

#TabsToolbar .tabs-newtab-button:hover,
#TabsToolbar .tabbrowser-tab:hover:not([selected]){
    background-color: #444 !important;
    color: #FFF;
}

#TabsToolbar .tab-background{
    margin: 0 !important;
    background: transparent !important;
}

#TabsToolbar .tab-background-start,
#TabsToolbar .tab-background-end{
    display: none !important;
}

#TabsToolbar .tab-background-middle{
    margin: -4px -2px !important;
    background: transparent !important;
    border-left: 1px solid #444 !important;
}

#TabsToolbar .tabbrowser-tab:after,
#TabsToolbar .tabbrowser-tab:before{
    display: none !important;
}

#TabsToolbar .tabs-newtab-button{
    border-width: 1px 1px 0 0 !important;
    margin: 0 !important;
    width: auto !important;
    padding: 0 5px !important;

}

/* default state */
#nav-bar ~ #PersonalToolbar:not([customizing]) {
   position: fixed !important;
   padding: 3px 2px 2px !important;
   height: 34px !important;
   font-size: 11px;
   border-top:  0px solid transparent!important;
   border-right:  1px solid transparent !important;
   border-bottom: 0px solid transparent !important;
   border-left:  1px solid transparent !important; 
   box-shadow: 0 0px 2px rgba(0,0,0,0);
   width: 100%;
   transform: translateY(-100%);
   transition: transform 0.0s !important;
}

/* on hover */
#navigator-toolbox:hover > 
#nav-bar ~ #PersonalToolbar:not([customizing]) {
   transform: translateY(0);
}


/* Menubar hidden - Alt key pressed */
#toolbar-menubar:not([inactive="true"]) ~ 
#nav-bar ~ #PersonalToolbar:not([customizing]) {
   transform: translateY(0);
}


/* Menubar visible - default */
#main-window[sizemode="normal"]
#toolbar-menubar[autohide="false"] ~
#nav-bar ~ #PersonalToolbar:not([customizing]) {

}

/* Maximized - default */
#main-window[sizemode="maximized"] 
#nav-bar ~ #PersonalToolbar:not([customizing]) { 

}

/* Maximized - with menubar active */
#main-window[sizemode="maximized"] 
#toolbar-menubar:not([inactive="true"]) ~ #nav-bar ~ #PersonalToolbar:not([customizing]) { 

}

/* Maximized - Menubar visible - default */
#main-window[sizemode="maximized"]
#toolbar-menubar[autohide="false"] ~
#nav-bar ~ #PersonalToolbar:not([customizing]) {

}


/* titlebar active */
#main-window:not([tabsintitlebar="true"])
#nav-bar ~ #PersonalToolbar:not([customizing]) {

}