Firefox UI Tweaks

Firefox UI Tweaks.css

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

/* hide tab close button */
.tabbrowser-tab .tab-close-button {
	visibility: collapse !important;
}

.tabbrowser-tab:not([pinned]):hover .tab-close-button.always-right {
	display: none !important;
}

/* display close tab button on tab hover */

.tabbrowser-tab:not([pinned]):hover .tab-close-button {
	visibility: visible !important;
	margin-right: 0px !important;
	display: -moz-box !important;
}

.tabbrowser-tab:not([pinned]):hover .tab-close-button.always-left {
	display: -moz-box !important;
	margin-right: 0px !important;
}

/* Move close tab button on left */

.tabbrowser-tab:not([pinned]) .tab-throbber {
	-moz-box-ordinal-group: 3 !important;
	margin-left: 2px !important;
}

.tabbrowser-tab:not([pinned]) .tab-icon-image {
	-moz-box-ordinal-group: 2 !important;
	margin-left: 2px !important;	
}

.tabbrowser-tab:not([pinned]) .tab-text {
	-moz-box-ordinal-group: 4 !important;
	margin-left: 0px !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-text {
	-moz-box-ordinal-group: 4 !important;
	margin-left: -10px !important;
}

.tabbrowser-tab:not([pinned]) .tab-close-button {
	-moz-box-ordinal-group: 1 !important;
	margin-right: 9px !important;
	margin-left: -2px !important;
}

.tabbrowser-tab:not([pinned]) .tab-close-button[selected="true"] {
	-moz-user-focus: normal !important;
}

/* hide tab icon on tab hover */

.tabbrowser-tab:not([pinned]):hover .tab-icon-image {
	visibility: hidden !important;
}

/* hide tab throbber, TMP Lock and Reload icons on tab hover */

.tabbrowser-tab:not([pinned]):hover .tab-throbber,
    .tabbrowser-tab:not([pinned]):hover .tab-lock-icon,
    .tabbrowser-tab:not([pinned]):hover .tab-reload-icon {
	display: none !important;
}

/* TMP-Lock-Protect-Auto Reload Icons */

.tabbrowser-tab:not([pinned]) .tab-reload-icon,
    .tabbrowser-tab:not([pinned]) .tab-protect-icon,
    .tabbrowser-tab:not([pinned]) .tab-lock-icon {
	-moz-box-ordinal-group: 2 !important;
}

.tabbrowser-tab:not([pinned]):hover .tab-protect-icon {
	margin-left: -2px !important;
}