Wednesday, February 19, 2014

Firefox 29, Australis. Take 2.

I realized, after posting the last stylish post, that I'm quite bored with the dark. So I made it lighter.

I think this will be it actually, I think I'm satisfied (yeah right).

Also, this (Buttons Back) puts the reload button back in its proper place. If only I could put other toolbar items between the navigation buttons and the urlbar I'd be real happy, grrrrr.

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

#tab-view-deck {
    -moz-appearance:none !important;
    background: none !important;
    background-image: -moz-linear-gradient(#102530, #123) !important;
}

/* tabs below toolbar */
#navigator-toolbox > #toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
#navigator-toolbox > #nav-bar { -moz-box-ordinal-group: 2 !important; }
#navigator-toolbox > #PersonalToolbar { -moz-box-ordinal-group: 3 !important; }
#navigator-toolbox > #TabsToolbar { -moz-box-ordinal-group: 4 !important; }

/* toolbar fix */
#addon-bar, #PersonalToolbar, #nav-bar {
    background-clip: padding-box !important;
    border-radius: 0 !important;
    border:0 !important;
}

/* tab separators */
.tabbrowser-tab:after, .tabbrowser-tab:before { display: none !important; }

/* tabbar background */
#TabsToolbar:not(:-moz-lwtheme)::before { display: none !important; }

/* tab backgrounds are ugly */
.tab-background { opacity:0!important; }

/* empty icon if no favicon */
.tabbrowser-tab:not([busy]) .tab-icon-image:not([src]):not([pinned]) {
  display: -moz-box !important;
}

/* silly menu button separator be gone */
#PanelUI-button {
    background-image:none !important; 
    margin: 0 0 0 0 !important;
}

/* always show forward button */
#forward-button { 
    visibility:visible !important; 
}


#navigator-toolbox { 
    background:#000;
    border:1px solid #123 !important;
    border-bottom: 0 !important;
    margin:0 0 0 0 !important;
}
#main-window[sizemode=maximized] #navigator-toolbox {
    border-right:0 !important;
    border-left:0 !important;
}

#nav-bar {
    z-index:100 !important;
    height:34px !important;
    border: 0 !important;
}
#nav-bar .toolbarbutton-1 {
    opacity:.8 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    height:32px;
}

#urlbar {
    -moz-appearance:none !important;
    background:none !important; 
    background-image: -moz-linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.6)) !important;
    margin: 0 0 0 1px !important;
    height:26px !important;
    border:1px solid #bbb !important;
    border-radius:3px !important;
    color: #333 !important;
    font-family: Roboto;
    font-size:18px !important;
    box-shadow: 0 0 2px #ccc inset !important;
}
#identity-box {
    -moz-appearance:none !important;
    background: none !important;
    background-image: -moz-linear-gradient(#ddd, #ccc) !important;
    border:0 !important;
    border-right:1px solid #bbb !important;
    border-radius: 3px 0 0 3px !important;
    color: #666 !important;
    margin-right: 6px !important;
    padding-right:7px !important;
    padding-top:2px !important;
    padding-left:5px !important;
    font-size:13px !important;
}
#urlbar[level="high"] #identity-box {
    background-image: -moz-linear-gradient(rgba(115,183,48,0.8), rgba(115,183,48,0.6)) !important;
}
#urlbar[level="broken"] #identity-box {
    background-image: -moz-linear-gradient(rgba(253,1,0,0.8), rgba(253,1,0,0.6)) !important; 
}

.statuspanel-label {
    -moz-appearance: none !important;
    background: rgba(0,0,0,.80) !important;
    border: 0 !important;
    color: rgb(255,255,255) !important;
    margin: 0 !important;
    padding: 3px 4px 3px 4px !important;
    border-radius: 0 !important;
    font-size:17px !important;
}

#TabsToolbar {
    -moz-appearance:none !important;
    background-image: -moz-linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,.7)) !important;
    height:24px !important;
    margin:0 0 -1px 0 !important;
    border:1px solid #aaa !important;
}
.tabbrowser-tab .tab-content { 
    padding-bottom: 11px !important; 
}
.tabbrowser-tabs {
    background-image: none !important;
}
.tabbrowser-tab {
    z-index:1 !important;
    height:28px !important;
}
.tabbrowser-tab .tab-throbber {
    list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png") !important;
}
.tabbrowser-tab:not([pinned]) {
    padding-left:3px !important;
}
.tabbrowser-tab[pinned] {
    background: #ADA9A5 !important;
    padding:0!important;
    height:22px !important;
    width:32px !important;
    white-space:nowrap;
}
.tabbrowser-tab[selected] {
    background: none !important; 
    background-image: -moz-linear-gradient(#E1E0DF, #CCCAC8) !important;
    font-weight:normal !important;
}
.tabbrowser-tab:not([pinned])[selected] { 
    min-width:200px !important;
}
.tabbrowser-tab[pending] {
    opacity: 0.3 !important;
}
.tabbrowser-tab[selected][pinned] {
    background: rgba(255,255,255,.6) !important; 
}
.tabbrowser-tab:not([selected]):hover {
    background: #ddd !important; 
    opacity:1.0 !important;
}
.tabbrowser-tab:not([selected])[pinned]:hover {
    background: #ccc !important; 
    opacity:1.0 !important;
}
.tabbrowser-tab:not([selected])[titlechanged] {
    background-image: -moz-linear-gradient(#F17D7D, #E01A1A) !important;
    opacity:1.0 !important;
}