flat_fox.css

@-moz-document url("about:Home"), url("about:home") {
  
  html {
    font: message-box;
    font-size: 100%;
    color: #808080;
  }
  body {
    background-color:#f6f6f6!important;
    margin: 0;
    display: -moz-box;
    -moz-box-orient: vertical;
    width: 100%;
    height: 100%;
  }

  #searchText {
    
    color: #828282!important;
    background-color:#ffffff !important;
    margin-left: 0;
    -moz-box-flex: 1;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 34px;
    padding-right: 8px;
    background: none;
    border: none!important;
    border-radius: 4px 0 0 4px;
    border-color: transparent!important;
    box-shadow: none!important;
    color: inherit;
  }
  #searchText:focus + #searchSubmit,
  #searchText[keepfocus] + #searchSubmit,
  #searchText + #searchSubmit:hover,
  #searchText[autofocus] + #searchSubmit {
    border-color: #E2671E;
    color: white;
  }

  #searchText:focus + #searchSubmit,
  #searchText[keepfocus] + #searchSubmit,
  #searchText[autofocus] + #searchSubmit {
    background: url("chrome://browser/skin/search-arrow-go.svg#search-arrow-go") center center no-repeat, white!important;
    box-shadow: none!important;
  }
  #searchSubmit {
    -moz-margin-start: -1px;
    background: url("chrome://browser/skin/search-arrow-go.svg#search-arrow-go") center center no-repeat;
    background-color: white!important;
    padding: 0;
    border: none;
    border-color: transparent;
    border-radius: 0 2px 2px 0;
    -moz-border-start: none;
    box-shadow: none;
    color: inherit;
  }
  #searchSubmit:-moz-dir(rtl) {
    border-radius: 2px 0 0 2px;
  }

  #searchText + #searchSubmit:hover {
    background: url("chrome://browser/skin/search-arrow-go.svg#search-arrow-go-inverted") center center no-repeat, #577589!important;
    box-shadow: none!important;
  }

  #searchText + #searchSubmit:hover:active {
    box-shadow: none;
    background-color: #E47939!important;
    transition-duration: 0ms;
  }
  #brandLogo {
    background-image: url("http://s33.postimg.org/6cg8boimn/Firefox_Png_x192.png")!important;
  }
  div#snippetContainer {
    visibility:hidden;
  }
  #launcher {
  /*display: none;*/
    border: 0px transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    margin:0px!important;
  }
  .launchButton {
    color: transparent !important;
    margin:0px!important;
    border-radius: 0px!important;
  }

  .launchButton:hover {
    background-color: white!important;
    border-color: transparent!important;
    border-bottom: 8px solid #E47939!important;
  }
  .launchButton:hover:active {
    background-image: none!important;
    background-color: #ffffff!important;
    border-bottom:8px solid #F3E660!important;
    box-shadow: none!important;
    transition-duration: 0ms;
  }
  #restorePreviousSessionSeparator {
    visibility: hidden !important;
    width:0px!important;
    height:0px!important;
  }
  #restorePreviousSession {
    visibility: hidden;
    width:0px!important;
    height:0px!important; 
    margin: 0px 0px 0 0!important;
    padding: 0px 0px 0 0!important;
    min-width:0px!important;
    min-height: 0px!important;
    display: none!important;
  }
  #downloads::before {
    content: url("http://s31.postimg.org/mqqgocf3v/download_from_cloud.png")!important;}
  #bookmarks::before {
    content: url("http://s32.postimg.org/bet48yyxx/star.png")!important;}
  #history::before {
    content: url("http://s31.postimg.org/ftsnod3sr/history.png")!important;}
  #addons::before {
    content: url("http://s32.postimg.org/8fo03alf9/add_on.png")!important;}
  #sync::before {
    content: url("http://s32.postimg.org/u6df1kzqt/refresh.png")!important;}
  #settings::before {
    content: url("http://s31.postimg.org/43yxvg0aj/cogwheel.png")!important;}
  
  #aboutMozilla {
    display: block;
    position: relative; /* pin wordmark to edge of document, not of viewport */
    -moz-box-ordinal-group: 0;
    opacity: .5;
    transition: opacity 150ms;
    }
  #aboutMozilla:hover {
    opacity: 1;
  }
  #aboutMozilla::before {
    content: url("chrome://browser/content/abouthome/mozilla.png");
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 69px;
    height: 19px;
  }
}

/*===============================================
  DISABLE FIREFOX DEFAULT BACKGROUND  
  ===============================================*/
#TabsToolbar:not(:-moz-lwtheme)::after {
	display: none;
}

#main-window #TabsToolbar {
	background: transparent !important;
	border: none;
	margin-bottom: 0px !important;
	margin-top: -3px !important;
	margin-right: -5px !important;
	margin-left: -5px !important;
}

#TabsToolbar .tabbrowser-tabs {
	min-height: 25px !important;
	margin-top: 0px !important;
}

#main-window #nav-bar {
	margin-left: -4px !important;
	margin-right: -6px !important;
}




/*===============================================
  TABS BACKGROUND SETTINGS  
  ===============================================*
#main-window[sizemode="normal"]:not([inFullscreen])  #TabsToolbar {
	background: transparent !important;
	margin-bottom: -1px !important;
	margin-top: 0px !important;
	margin-right: -25px !important;
	margin-left: 0px !important;
}

#main-window[sizemode="normal"]:not([inFullscreen])  #TabsToolbar .tabbrowser-tabs {
	min-height: 26px !important;
	margin-top: 0px !important;
}

/*===============================================
  INACTIVE TABS  
  ===============================================*/
#TabsToolbar .tabbrowser-tab {
	text-align: left!important;
	margin-left: 0px;
	background: #C7C7C7 !important;
	color: #303030 !important;
	font-family: "Segoe UI",Helvetica,Arial,sans-serif;
	border:none;
	font-size: 75%;
}

#TabsToolbar .tabbrowser-tab:hover {
	background: #EDEDED !important;
}

/*===============================================
  ACTIVE TABS  
  ===============================================*/
#TabsToolbar .tabbrowser-tab[selected] {
	font-weight: normal !important;
	background: #EDEDED !important;
	color: #303030 !important;
}

/*===============================================
  DISABLE AUSTRALIS TAB  
  ===============================================*/
#TabsToolbar .tab-background {
	margin: 0;
	background: transparent;
}

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

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

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

/*===============================================
  ON MAXIMIZED WINDOW  
  ===============================================*
#main-window[sizemode="maximized"]  #TabsToolbar {
	background: transparent !important;
	border: 0px;
	margin-bottom: 0px !important;
	margin-top: -3px !important;
	margin-right: -25px !important;
	margin-left: -13px !important;
}

#TabsToolbar .tabbrowser-tabs {
	min-height: 25px !important;
	margin-top: 0px !important;
}

#main-window[sizemode="maximized"]  #nav-bar {
	border-radius: 0px 0px 0px 0px !important;
	margin-left: -4px !important;
	margin-right: -6px !important;
}

/*===============================================
  TABS CLOSE BUTTON
  ===============================================*/
.tabs-closebutton-box, .tab-close-button {
	margin-top: -5px !important;
	margin-bottom: -5px !important;
	margin-right: 0px !important;
}

.tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon,  .tabbrowser-tabs tab .tabs-closebutton .toolbarbutton-icon {
	display: none !important;
}

.tabbrowser-tabs tab:hover .tab-close-button .toolbarbutton-icon,  .tabbrowser-tabs tab:hover .tabs-closebutton .toolbarbutton-icon {
	display: -moz-box !important;
}

.tab-close-button,   .tabs-closebutton,   #find-closebutton {
	border:none;
}

tab[selected="true"] .tab-close-button,   .tabs-closebutton,   tab:hover .tab-close-button,   #find-closebutton {
	border: none;
}

tab .tab-close-button:hover,   .tabs-closebutton:hover,   #find-closebutton:hover {
	border: none;
}

/*===============================================
  HIDES TAB ICON  
  ===============================================*/
tab .tab-icon, .tab-icon-image {
	display: none !important;
}

/*===============================================
  HIDES TAB LOADING ICON  
  ===============================================*/
.tab-throbber {
	display: none !important;
}

/*===============================================
  HIDES ANNOYING ELEMENTS ON ADDRESS BAR  
  ===============================================*/
#addonbar-closebutton ,#feed-button,#go-button,#star-button,#identity-box,.autocomplete-history-dropmarker,.scrollbutton-up,.scrollbutton-down {
	display: none!important;
}

/*===============================================
  NAVIGATION BAR/ADDRESS BAR/SEARCH BAR SETTING  
  ===============================================*/
#nav-bar {
	background: #EDEDED !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	padding: 0px !important;
	border-radius: 0px 0px 0px 0px !important;
	border-top: 1px #EDEDED!important;
	box-shadow: none !important;
}

#urlbar {
	background: #EDEDED !important;
	padding: 4.5px !important;
	text-align: left!important;
	padding-left: 8px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 12px !important;
	margin-right: 4px !important;
	border-top: 1px solid #EDEDED!important;
	border-bottom: 1px solid #EDEDED!important;
	border-left: 1px solid #EDEDED!important;
	border-right: 1px solid #EDEDED!important;
	color: #303030 !important;
	font-family: "Segoe UI Semibold",Helvetica,Arial,sans-serif;
	font-size: 10px;
	box-shadow: none !important;
}

#searchbar .search-go-button {
	visibility: hidden !important;
}

#searchbar .searchbar-dropmarker-image {
	display: none !important;
}

#searchbar .searchbar-engine-image {
	width: 0 !important;
	padding-left: 18px !important;
	margin-left: -20px !important;
	margin-bottom: 0px !important;
	margin-right: 2px !important;
}

#searchbar .searchbar-textbox {
	background: #EDEDED !important;
	text-align: left!important;
	margin-bottom: 7px !important;
	margin-left: 1px !important;
	margin-right: 10px !important;
	border-top: 1px solid #EDEDED!important;
	border-bottom: 1px solid #EDEDED!important;
	border-left: 1px solid #EDEDED!important;
	border-right: 1px solid #EDEDED!important;
	padding-left: 5px !important;
	color: #303030 !important;
	font-family: "Segoe UI Semibold",Helvetica,Arial,sans-serif;
	font-size: 10px;
	box-shadow: none !important;
}

#urlbar, .searchbar-textbox {
	border-radius: 11px !important;
}


/*===============================================
  REMOVES VS SEPARATOR
  ===============================================*/
#browser-bottombox {
	border: none !important;
}

#browser-border-end, #browser-border-start {
	display: none !important;
}

#nav-bar {
	border: none !important;
	visibility: visible !important;
}

#navigator-toolbox:after {
	height: 0px !important;
}

/*===============================================
  BORDERLESS EFFECT FOR BORDERLESS VS
  ===============================================*/
#main-window {
	-moz-appearance: -moz-win-borderless-glass !important;
	-moz-appearance: -moz-win-glass !important;
}
/*===============================================
  TABS CLOSE BUTTON
  ===============================================*/
.tabs-closebutton-box, .tab-close-button {
	margin-top: -5px !important;
	margin-bottom: -5px !important;
	margin-right: 0px !important;
}

.tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon,  .tabbrowser-tabs tab .tabs-closebutton .toolbarbutton-icon {
	display: none !important;
}

.tabbrowser-tabs tab:hover .tab-close-button .toolbarbutton-icon,  .tabbrowser-tabs tab:hover .tabs-closebutton .toolbarbutton-icon {
	display: -moz-box !important;
}

.tab-close-button,   .tabs-closebutton,   #find-closebutton {
}

tab[selected="true"] .tab-close-button,   .tabs-closebutton,   tab:hover .tab-close-button,   #find-closebutton {
}

tab .tab-close-button:hover,   .tabs-closebutton:hover,   #find-closebutton:hover {
}

/*===============================================
  CUSTOM NEW TAB BUTTON
  ===============================================*/
#main-window .tabbrowser-tabs .tabs-newtab-button {
	background: #C7C7C7 !important;
	border: none !important;
	border-top: transparent !important;
	border-left: transparent !important;
	border-right: transparent !important;
}

#main-window .tabbrowser-tabs .tabs-newtab-button:hover {
	background: #EDEDED !important;
}

/* hide urlbars stop/reload/go buttons */
#urlbar-container #urlbar-reload-button,  #urlbar-container #urlbar-go-button,  #urlbar-container #urlbar-stop-button {
	visibility: collapse !important;
}

/*===============================================
  CHANGES MENU BUTTON'S IMAGE
  ===============================================*/
#PanelUI-menu-button {
	background: transparent !important;
	border: transparent !important;
	border-top: transparent !important;
	border-left: transparent !important;
	border-right: transparent !important;
}

#PanelUI-menu-button:hover:not([disabled="true"]) {
	background: transparent !important;
	border: transparent !important;
	border-top: transparent !important;
	border-left: transparent !important;
	border-right: transparent !important;
}

#PanelUI-menu-button[open] {
	background: transparent !important;
	border: transparent !important;
	border-top: transparent !important;
	border-left: transparent !important;
	border-right: transparent !important;
}

#PanelUI-button {
	width: 0px !important;
	margin-left: -6px !important;
	margin-right: 3px !important;
	background: none !important;
}

/*===============================================
  CHANGES MENU BUTTON'S IMAGE
  ===============================================*/
#PanelUI-menu-button {
	background: transparent !important;
	border: transparent !important;
	border-top: transparent !important;
	border-left: transparent !important;
	border-right: transparent !important;
}

#PanelUI-menu-button:hover:not([disabled="true"]) {
	background: transparent !important;
	border: transparent !important;
	border-top: transparent !important;
	border-left: transparent !important;
	border-right: transparent !important;
}

#PanelUI-menu-button[open] {
	background: transparent !important;
	border: transparent !important;
	border-top: transparent !important;
	border-left: transparent !important;
	border-right: transparent !important;
}

#PanelUI-button {
	width: 0px !important;
	margin-left: -6px !important;
	margin-right: 3px !important;
	background: none !important;
}

/*===================================================================
  HIDES PLUGINS NOTIFICATION ICON THAT MAY CHANGE ADDRESS BAR'S HEIGHT  
  ====================================================================*/
#plugins-notification-icon {
	display: none !important;
}

/*===================================================================
  HIDES BACKGROUND EFFECT ON HOVER AND ACTIVE MENU BUTTON  
  ====================================================================*/
.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-container {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}