Skip to content

Instantly share code, notes, and snippets.

@TaylanTatli

TaylanTatli/Colorize Firefox Buttons.css

Created June 29, 2016 11:54
Show Gist options
  • Save TaylanTatli/def5d3f3db1e6184caabcce5833d4a5a to your computer and use it in GitHub Desktop.
Save TaylanTatli/def5d3f3db1e6184caabcce5833d4a5a to your computer and use it in GitHub Desktop.
Download ZIP
Firefox Style
Raw
close-button.js
window.close();
// Base64 icon:
// data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjMyIiAgIGhlaWdodD0iMzIiICAgaWQ9InN2Zzc2NzQiICAgdmVyc2lvbj0iMS4xIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIgICBzb2RpcG9kaTpkb2NuYW1lPSJrxLFybcSxesSxLnN2ZyI+ICA8ZGVmcyAgICAgaWQ9ImRlZnM3Njc2IiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaWQ9ImJhc2UiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6em9vbT0iMTUuODM2MDgzIiAgICAgaW5rc2NhcGU6Y3g9IjIuNTgwNjUyNyIgICAgIGlua3NjYXBlOmN5PSIxOS43MTU2MDYiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiICAgICBzaG93Z3JpZD0idHJ1ZSIgICAgIGlua3NjYXBlOmdyaWQtYmJveD0idHJ1ZSIgICAgIGlua3NjYXBlOmRvY3VtZW50LXVuaXRzPSJweCIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMzEiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyNCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIC8+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTc2NzkiPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgICA8ZGM6dGl0bGUgLz4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8ZyAgICAgaWQ9ImxheWVyMSIgICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciI+ICAgIDxjaXJjbGUgICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiNmZjU2NTY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjcuNjk5OTk5ODE7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiICAgICAgIGlkPSJwYXRoODIyMiIgICAgICAgY3g9IjE2IiAgICAgICBjeT0iMTYiICAgICAgIHI9IjE1IiAvPiAgICA8Y2lyY2xlICAgICAgIGN5PSIxNiIgICAgICAgY3g9IjE2IiAgICAgICBpZD0iY2lyY2xlODczMiIgICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOm5vbmU7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjE7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjcuNjk5OTk5ODE7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjAuMTk2MDc4NDMiICAgICAgIHI9IjE0LjUiIC8+ICA8L2c+PC9zdmc+
Raw
Colorize Firefox Buttons.css
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul),
url(chrome://global/content/customizeToolbar.xul){
/*BLUE*/
#tabview-button .toolbarbutton-icon,
#save-page-button .toolbarbutton-icon,
#developer-button .toolbarbutton-icon,
#preferences-button .toolbarbutton-icon,
#webrtc-status-button .toolbarbutton-icon{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.0 \
0.3 0.38 0.3 0.0 0.0 \
0.3 0.3 0.38 0.0 0.3 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*LIME*/
#pocket-button .toolbarbutton-icon,
#back-button .toolbarbutton-icon,
#forward-button .toolbarbutton-icon,
#new-window-button .toolbarbutton-icon,
#new-tab-button .toolbarbutton-icon,
#go-button:hover,
#downloads-button:not([attention]) .toolbarbutton-icon,
#zoom-in-button .toolbarbutton-icon,
#copy-button .toolbarbutton-icon,
#add-ons-button .toolbarbutton-icon,
#find-button .toolbarbutton-icon,
#sidebar-button .toolbarbutton-icon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.1 \
0.3 0.38 0.3 0.0 0.28 \
0.3 0.3 0.38 0.0 0.0 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*RED*/
.tabs-closebutton:hover .toolbarbutton-icon,
.tab-close-button:hover .toolbarbutton-icon,
#downloads-button[paused] .toolbarbutton-icon,
#urlbar-stop-button:hover,
#cut-button .toolbarbutton-icon,
#zoom-out-button .toolbarbutton-icon,
#stop-button .toolbarbutton-icon,
#characterencoding-button .toolbarbutton-icon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.4 \
0.3 0.38 0.3 0.0 0.0 \
0.3 0.3 0.38 0.0 0.0 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*ROYAL*/
#tabview-button .toolbarbutton-icon,
#history-button .toolbarbutton-icon,
#history-panelmenu .toolbarbutton-icon,
#fullscreen-button .toolbarbutton-icon,
#urlbar-reload-button:hover,
#paste-button .toolbarbutton-icon,
#reload-button .toolbarbutton-icon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.0 \
0.3 0.38 0.3 0.0 0.07 \
0.3 0.3 0.38 0.0 0.3 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*POPPY*/
#urlbar[level="broken"] #page-proxy-favicon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.4 \
0.3 0.38 0.3 0.0 0.1 \
0.3 0.3 0.38 0.0 0.0 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*ORANGE*/
#loop-button .toolbarbutton-icon,
#feed-button .toolbarbutton-icon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.4 \
0.3 0.38 0.3 0.0 0.2 \
0.3 0.3 0.38 0.0 0.0 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*GOLD*/
#password-notification-icon,
#home-button .toolbarbutton-icon,
#open-file-button .toolbarbutton-icon,
#email-link-button .toolbarbutton-icon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.4 \
0.3 0.38 0.3 0.0 0.3 \
0.3 0.3 0.38 0.0 0.0 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*CYAN*/
#sync-button .toolbarbutton-icon,
#social-share-button .toolbarbutton-icon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.0 \
0.3 0.38 0.3 0.0 0.3 \
0.3 0.3 0.38 0.0 0.3 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*PURPLE*/
#panic-button .toolbarbutton-icon,
#privatebrowsing-button .toolbarbutton-icon,
#print-button .toolbarbutton-icon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.18 \
0.3 0.38 0.3 0.0 0.0 \
0.3 0.3 0.38 0.0 0.26 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*AZURE*/
#urlbar-go-button:not(:hover),
#urlbar .autocomplete-history-dropmarker:not(:hover),
#context-back,
#context-forward,
#context-stop,
#context-reload,
#context-bookmarkpage,
#PanelUI-menu-button .toolbarbutton-icon,
#nav-bar-overflow-button .toolbarbutton-icon,
#classic_bm_button23-toolbar-button > .toolbarbutton-icon,
#bookmarks-menu-button:not([starred]) .toolbarbutton-icon,
#bookmarks-button .toolbarbutton-icon,
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'0.38 0.3 0.3 0.0 0.0 \
0.3 0.38 0.3 0.0 0.15 \
0.3 0.3 0.38 0.0 0.3 \
0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/* Restore classic colors for verified identity and verified domain */
#urlbar .verifiedDomain {
background: 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;
}
#urlbar .verifiedDomain:hover {
background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
}
#urlbar .verifiedDomain[open="true"],
#urlbar .verifiedDomain:hover:active {
background: 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;
}
#urlbar .verifiedIdentity {
background: 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: #2f6600 !important;
font-weight:bold !important;
}
#urlbar .verifiedIdentity:hover {
background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
}
#urlbar .verifiedIdentity[open="true"],
#urlbar .verifiedIdentity:hover:active {
background: 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;
}
}
Raw
FirefoxUserStyle.css
/*===============================================
Firefox Userstyle
by TaylanTatli (taylantatli.me)
=============================================== */
/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* Htitle Window Controls */
#window-controls {
-moz-box-align: center !important;
border-top: 1px solid #bbb8bb !important;
}
/* Move Tabs Bottom */
#TabsToolbar {
-moz-box-ordinal-group: 10000 !important;
}
/* Full Width Tabs */
.tabbrowser-tab {
text-align: center;
}
.tabbrowser-tab:not([pinned]) {
max-width: 2000px !important;
}
/* Hide Bookmark Star Icon */
#bookmarks-menu-button .toolbarbutton-menubutton-button,
#bookmarks-menu-button > dropmarker::before {
display: none;
}
#bookmarks-menu-button > dropmarker::before {
display: none!important
}
.toolbarbutton-menubutton-dropmarker {
margin: 0 !important;
}
/* Center Adressbar */
#urlbar {
max-width: 600px !important;
width: 600px !important;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-55%, -50%);
text-align: center !important;
border: 1px solid #bbb8bb !important;
border-radius: 4px !important;
min-height: 38px !important;
background-image: linear-gradient(to bottom, #fcfcfc, #f1f1f1) !important;
}
.textbox-input-box.urlbar-input-box {
min-height: 32px !important;
}
/* Center Url Text */
.autocomplete-textbox-container.urlbar-textbox-container {
width: 100% !important;
}
/* Hide */
#urlbar-go-button,
#urlbar-reload-button,
#urlbar-stop-button,
#reader-mode-button,
#readinglist-addremove-button,
#identity-box,
#alltabs-button,
.scrollbutton-down,
.scrollbutton-up {
display: none !important;
}
/* Show tab close button only when hover */
.tabbrowser-tab .tab-close-button {
visibility: hidden !important;
}
.tabbrowser-tab:hover .tab-close-button {
visibility: visible !important;
}
/* Hide Awesome Bar Scrollbox */
#PopupAutoCompleteRichResult .autocomplete-richlistbox > scrollbox {
overflow: visible !important;
}
/* Awesome Bar */
#PopupAutoCompleteRichResult {
-moz-appearance: none!important;
box-shadow: none !important;
background: white !important;
border: 1px solid #bbb8bb !important;
border-top-width: 0px !important;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin-top: -2px !important;
background-image: linear-gradient(to bottom, #f1f1f1, #fff) !important;
}
/* Awesome Bar Results */
.autocomplete-richlistitem {
-moz-appearance: none!important;
border: 1px solid transparent !important;
border-radius: 0 !important;
margin: 0 !important;
outline: 0px !important;
padding: 2px !important;
}
/* Buttons */
#back-button,
#forward-button,
#downloads-button,
#bookmarks-menu-button,
#PanelUI-button,
.toolbarbutton-1.chromeclass-toolbar-additional {
background-color: #fff !important;
padding: 0 5px !important;
border-radius: 4px !important;
border: 1px solid #bbb8bb !important;
block-size: 38px !important;
background-image: linear-gradient(to bottom, #fcfcfc, #f1f1f1) !important;
}
#back-button:hover,
#forward-button:hover,
#downloads-button:hover,
#bookmarks-menu-button:hover,
.toolbarbutton-1.chromeclass-toolbar-additional:hover {
background-color: #fff !important;
background-image: linear-gradient(to bottom, #fefefe, #f1f1f1) !important;
padding: 0 5px !important;
border-radius: 4px !important;
border: 1px solid #b5e7fe !important;
}
#PanelUI-button:hover {
background-color: #fff !important;
padding: 3px 0 !important;
border-radius: 4px !important;
border: 1px solid #b5e7fe !important;
}
#PanelUI-contents > .toolbarbutton-1,
#new-tab-button {
background-color: unset !important;
background-image: unset !important;
padding: unset !important;
border: none !important;
block-size: auto !important;
margin-right: 0px !important;
}
/* Button Hovers */
.findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover > .toolbarbutton-text,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-stack,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
background: none !important;
border-color: transparent !important;
box-shadow: none !important;
}
/* Button Hovers end */
#back-button {
margin-left: 10px !important;
margin-right: 0px !important;
}
#PanelUI-button {
margin-right: 10px !important;
padding: 3px 0 !important;
}
#bookmarks-menu-button {
margin-right: 10px !important;
}
#downloads-button {
margin-right: 2px !important;
}
.toolbarbutton-1.chromeclass-toolbar-additional {
margin-right: 2px !important;
}
/* Nav Bar */
#nav-bar {
background-image: linear-gradient(to bottom, #ebebeb, #dfdfdf) !important;
border-bottom: 1px solid #bbb8bb !important;
}
#navigator-toolbox {
border: 1px solid #bbb8bb !important;
}
/* Tab Style */
#TabsToolbar {
background: #f8f8f9 !important;
background-image: linear-gradient(to bottom, #dddadd, #d4d2d6) !important;
margin-bottom: 0px !important;
margin-top: -4px !important;
}
#TabsToolbar .arrowscrollbox-scrollbox {
padding: 0 !important;
}
#TabsToolbar .tabbrowser-tab {
-moz-border-top-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-bottom-colors: none !important;
border-style: solid !important;
border-color: #bbb8bb !important;
border-width: 1px 1px 0 0 !important;
text-shadow: 0 0 4px rgba(255, 255, 255, .75) !important;
padding: 2px 0px !important;
background: #f8f8f9 !important;
background-image: linear-gradient(to bottom, #dddadd, #d4d2d6) !important;
background-clip: padding-box !important;
transition: all .1s !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: #ececec !important;
}
#TabsToolbar .tabbrowser-tab[selected] {
color: rgba(0, 0, 0, 1) !important;
background: #F7F7F7 !important;
background-image: linear-gradient(to bottom, #dfdfdf, #dadada) !important;
background-clip: padding-box !important;
border-color: #bbb8bb !important;
border-width: 0 1px 0 0 !important;
}
#TabsToolbar .tabs-newtab-button:hover,
#TabsToolbar .tabbrowser-tab:hover:not([selected]) {
border-color: #bbb8bb !important;
background-color: rgba(255, 255, 255, .55) !important;
}
#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;
}
#TabsToolbar .tabbrowser-tab:after,
#TabsToolbar .tabbrowser-tab:before {
display: none !important;
}
#TabsToolbar .tabs-newtab-button {
background-image: none !important;
border-width: 1px 1px 1px 1px !important;
margin: 0 !important;
width: auto !important;
padding: 0 5px !important;
border-color: #bbb8bb !important;
}
.tabs-newtab-button {
border-top: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid transparent !important;
margin-right: auto !important;
}
#new-tab-button {
border: 1px solid transparent !important;
border-width: 1px 1px 0 1px !important;
border-spacing: solid !important;
border-color: #bbb8bb !important;
border-radius: 0 !important;
margin: 0 !important;
margin-left: -2px !important;
}
#tabbrowser-tabs .tabbrowser-tab[pinned] label {
display: none !important;
}
#tabbrowser-tabs .tabbrowser-tab[pinned] {
height: 31px !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-icon-image {
padding: 0px !important;
filter: grayscale(100%);
margin-top: 5px !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-icon-image {
display: none !important;
}
/* scrollbar */
scrollbar {
-moz-appearance: none !important;
position: relative;
background: none transparent;
z-index: 2147483647;
padding: 0px 0px 0px 0px!important;
opacity: .45 !important;
}
scrollbar[orient="vertical"] {
-moz-margin-start: -6px;
min-width: 6px;
max-width: 6px;
padding: 0px 0px 0px 0px!important;
transition: .1s all;
}
scrollbar[orient="vertical"]:hover {
-moz-margin-start: -15px;
min-width: 15px;
max-width: 15px;
}
scrollbar[orient="horizontal"] {
margin-top: -6px;
min-height: 6px;
max-height: 6px;
transition: .1s all;
}
scrollbar[orient="horizontal"]:hover {
margin-top: -15px;
min-height: 15px;
max-height: 15px;
}
scrollbar thumb {
-moz-appearance: none !important;
border: none !important;
border-radius: 0 !important;
background: #e1485a!important;
}
scrollbar[orient="vertical"] thumb {
min-height: 100px!important;
}
scrollbar[orient="horizontal"] thumb {
min-width: 100px!important;
}
scrollbar scrollbarbutton {
visibility: collapse!important;
}
/* Context Menu */
menuseparator {
-moz-appearance: none !important;
height: 1px !important;
margin: 0px !important;
border: none !important;
border-top: 1px solid #fff !important;
padding: 0px !important;
}
#context-back,
#context-forward,
#context-reload,
#context-stop,
#context-bookmarkpage {
-moz-appearance: none !important;
background: #222 !important;
padding: 0.5em !important;
}
#context-back image,
#context-forward image,
#context-reload image,
#context-stop image,
#context-bookmarkpage image {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
<feColorMatrix in='SourceGraphic' type='matrix' values=\
'1 0 0 0 1 \
0 1 0 0 1 \
0 0 1 0 1 \
0 0 0 1 0 \'/></filter></svg>#invert") !important;
}
.arrowscrollbox-overflow-end-indicator,
.arrowscrollbox-overflow-start-indicator {
background-image: none !important;
}
/* Popup menus */
.panel-arrow {
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAANCAMAAAAdSodXAAAAFVBMVEUAAAASEhKVlZX19fX////v7+////8mB6J1AAAABXRSTlMAAAAAAMJrBrEAAABHSURBVHjancoxDoBADMTA5ULy/ydDc7LkAhBuPTm/9dtV5UjtHlxWr7y7m82GcmYDlBMDyokB5cSAcmJAnpggU0yQ2zSu6QLAywgP5psoeQAAAABJRU5ErkJggg==) !important;
}
.panel-arrowcontent {
background-color: #fff !important;
border-radius: 3px !important;
border-color: #efefef !important;
color: #383838 !important;
opacity: 1 !important;
}
/* Custom Buttons */
#custombuttons-button2,
#custombuttons-button3,
#custombuttons-button4 {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
border: none !important;
block-size: unset !important;
}
#custombuttons-button3 {
margin-right: 4px !important;
}
#custombuttons-button2:hover > .toolbarbutton-icon,
#custombuttons-button3:hover > .toolbarbutton-icon,
#custombuttons-button4:hover > .toolbarbutton-icon {
filter: brightness(125%) !important;
}
/* MISC */
.chromeclass-toolbar {
-moz-appearance: none !important;
background: #dee4e7 !important;
}
Raw
FuckYeahMarkdown-button.js
javascript:gBrowser.addTab('http://fuckyeahmarkdown.com/go/?read=1&preview=0&showframe=1&u='+encodeURIComponent(window.content.location.href));
// Base64 icon:
// data:image/png;base64,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
Raw
Headerbar style for GNOME 3.16+.css
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul") {
/* enable rounded corners, uncomment this section to have resizing bugs :) */
#main-window[sizemode="normal"][htitlemode="always"] {
-moz-appearance: none !important;
background: transparent !important;
border-radius: 7px 7px 0px 0px;
}
#main-window[sizemode="normal"]:not(:-moz-lwtheme) > #tab-view-deck {
background: Window;
}
:-moz-any(
#main-window[htitlemode="always"],
#main-window:not([sizemode="normal"])[htitlemode="auto"],
#main-window:not([sizemode="normal"])[htitlemode="legacy"]
) #toolbar-menubar:not(:-moz-lwtheme) {
-moz-appearance: none;
}
#main-window:not([customize-entered])[htitlemode="always"] #navigator-toolbox:not(:-moz-lwtheme) #nav-bar {
border-radius: 7px 7px 0 0;
}
#main-window:not([darkvariant]):not([sizemode="normal"]) #navigator-toolbox:not(:-moz-lwtheme) #nav-bar,
#main-window:not([darkvariant])[sizemode="normal"][htitlemode="always"] #navigator-toolbox:not(:-moz-lwtheme) #nav-bar {
background-image: linear-gradient(to bottom, #f7f7f7, #ededed);
box-shadow: inset 0 0px #d9d9d9, inset 0 1px white;
}
#main-window[darkvariant]:not([sizemode="normal"]) #navigator-toolbox:not(:-moz-lwtheme) #nav-bar,
#main-window[darkvariant][sizemode="normal"][htitlemode="always"] #navigator-toolbox:not(:-moz-lwtheme) #nav-bar{
background-image: linear-gradient(to bottom, #434a4a, #393f3f);
box-shadow: inset 0 -1px #2d3232, inset 0 1px rgba(238, 238, 236, 0.1);
}
/* Paddings */
#main-window:not([sizemode="normal"]) #navigator-toolbox:not(:-moz-lwtheme) #nav-bar,
#main-window[sizemode="normal"][htitlemode="always"] #navigator-toolbox:not(:-moz-lwtheme) #nav-bar {
padding: 6px 3px !important;
}
#nav-bar[reliefbuttons="true"] .toolbarbutton-1 {
min-width: 34px !important;
}
:-moz-any(#window-controls, .window-controls) > toolbarbutton {
min-width: 34px !important;
}
#nav-bar :-moz-any(#back-button, #forward-button),
#nav-bar[reliefbuttons="true"] :-moz-any(#back-button, #forward-button) {
min-width: 33px !important;
}
#main-window:not([sizemode="normal"]) #navigator-toolbox:not(:-moz-lwtheme) #urlbar,
#main-window[sizemode="normal"][htitlemode="always"] #navigator-toolbox:not(:-moz-lwtheme) #urlbar {
margin: 0 36px !important;
}
.panel-arrow {
padding-top: 9px;
}
}
Raw
maximize-restore-button.js
if (window.windowState != 1)
{
window.maximize();
} else {
window.restore();
}
// Base64 icon:
// data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjMyIiAgIGhlaWdodD0iMzIiICAgaWQ9InN2Zzc2NzQiICAgdmVyc2lvbj0iMS4xIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIgICBzb2RpcG9kaTpkb2NuYW1lPSJ5ZcWfaWwuc3ZnIj4gIDxkZWZzICAgICBpZD0iZGVmczc2NzYiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBpZD0iYmFzZSIgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp6b29tPSIxMS4xOTc4MDIiICAgICBpbmtzY2FwZTpjeD0iLTMyLjQ0NzAwNyIgICAgIGlua3NjYXBlOmN5PSIxNi4wNjU0ODciICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiICAgICBzaG93Z3JpZD0idHJ1ZSIgICAgIGlua3NjYXBlOmdyaWQtYmJveD0idHJ1ZSIgICAgIGlua3NjYXBlOmRvY3VtZW50LXVuaXRzPSJweCIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMzEiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyNCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIC8+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTc2NzkiPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgICA8ZGM6dGl0bGUgLz4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8ZyAgICAgaWQ9ImxheWVyMSIgICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciI+ICAgIDxjaXJjbGUgICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMwMGM5M2Y7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjcuNjk5OTk5ODE7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiICAgICAgIGlkPSJwYXRoODIyMiIgICAgICAgY3g9IjE2IiAgICAgICBjeT0iMTYiICAgICAgIHI9IjE1IiAvPiAgICA8Y2lyY2xlICAgICAgIGN5PSIxNiIgICAgICAgY3g9IjE2IiAgICAgICBpZD0iY2lyY2xlODczMiIgICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOm5vbmU7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjE7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjcuNjk5OTk5ODE7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjAuMTk2MDc4NDMiICAgICAgIHI9IjE0LjUiIC8+ICA8L2c+PC9zdmc+
Raw
minimize-button.js
window.minimize();
// Base64 icon:
// data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjMyIiAgIGhlaWdodD0iMzIiICAgaWQ9InN2Zzc2NzQiICAgdmVyc2lvbj0iMS4xIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIgICBzb2RpcG9kaTpkb2NuYW1lPSJzYXLEsS5zdmciPiAgPGRlZnMgICAgIGlkPSJkZWZzNzY3NiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlkPSJiYXNlIiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxLjAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnpvb209IjExLjE5NzgwMiIgICAgIGlua3NjYXBlOmN4PSItNDkuNDU5Mjc0IiAgICAgaW5rc2NhcGU6Y3k9IjE2LjA2NTQ4NyIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIgICAgIHNob3dncmlkPSJ0cnVlIiAgICAgaW5rc2NhcGU6Z3JpZC1iYm94PSJ0cnVlIiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAzMSIgICAgIGlua3NjYXBlOndpbmRvdy14PSIwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjI0IiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNzY3OSI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZSAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICBpZD0ibGF5ZXIxIiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIj4gICAgPGNpcmNsZSAgICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2ZmYjkyNjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6Ny42OTk5OTk4MTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgICAgICAgaWQ9InBhdGg4MjIyIiAgICAgICBjeD0iMTYiICAgICAgIGN5PSIxNiIgICAgICAgcj0iMTUiIC8+ICAgIDxjaXJjbGUgICAgICAgY3k9IjE2IiAgICAgICBjeD0iMTYiICAgICAgIGlkPSJjaXJjbGU4NzMyIiAgICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6bm9uZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6Ny42OTk5OTk4MTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MC4xOTYwNzg0MyIgICAgICAgcj0iMTQuNSIgLz4gIDwvZz48L3N2Zz4=
@TaylanTatli
Copy link
Author

2016-06-29 14-47-11 ekran goruntusu

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment