Skip to content

Instantly share code, notes, and snippets.

@natyusha
Last active November 2, 2017 21:27
Show Gist options
  • Save natyusha/1946741 to your computer and use it in GitHub Desktop.
Save natyusha/1946741 to your computer and use it in GitHub Desktop.
nightly css / pre australis DEPRECATED
/*
Based on ahoka's Firefox CSS for linux
expanded upon by masood // twnsnd
browser.tabs.onTop should be set to false in about.config
*/
/* HIDDEN ELEMENTS */
#identity-box,
#urlbar-container dropmarker,
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#appmenu-button .button-text,
#appmenu-button .button-menu-dropmarker,
toolbar#addon-bar toolbarbutton .toolbarbutton-menubutton-dropmarker,
toolbar#addon-bar #addonbar-closebutton,
#appmenu-button {
display:none!important;
}
/* BUTTONS */
/* sharpened by stargazer + masood */
#back-button .toolbarbutton-icon,
#forward-button .toolbarbutton-icon,
#reload-button .toolbarbutton-icon,
#urlbar-reload-button .toolbarbutton-icon,
#stop-button .toolbarbutton-icon,
#star-button,
#go-button,
#urlbar-stop-button .toolbarbutton-icon,
#urlbar-go-button .toolbarbutton-icon,
#tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon,
#new-tab-button .toolbarbutton-icon,
#appmenu-button .button-icon {
list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAAMBAMAAACEtx4pAAAAFVBMVEUAAAClpaWmpqajo6OgoKCkpKShoaGS3maXAAAAAXRSTlMAQObYZgAAAJFJREFUaN7NUMENAzEIs3PXP2yQVuo/HaEz3AK3/xQFkhxKB6gaCWKBjUOAX50yAng34AYQPVAhhkQNKmVWozFSwz55vfl0KLRMVRdGaxpY3g5Xgbyq9azBSgnTJC7pU7ygj7vB2laJJVlccHaXki5b9cE+epD5tcseu0hg4oISu8W7xi75QXi1QGWVMMnEH58PGA0IRCLUsPkAAAAASUVORK5CYII=)!important;
}
#back-button .toolbarbutton-icon {
-moz-image-region:rect(0, 11px, 11px, 0)!important;
}
#forward-button .toolbarbutton-icon,
#urlbar-go-button .toolbarbutton-icon {
-moz-image-region:rect(0, 22px, 11px, 11px)!important;
}
#reload-button .toolbarbutton-icon,
#urlbar-reload-button .toolbarbutton-icon {
-moz-image-region:rect(0, 33px, 11px, 22px)!important;
}
#stop-button .toolbarbutton-icon,
#urlbar-stop-button .toolbarbutton-icon,
#tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon {
-moz-image-region:rect(0, 44px, 11px, 33px)!important;
}
#new-tab-button .toolbarbutton-icon {
-moz-image-region:rect(0, 55px, 11px, 44px)!important;
}
#new-tab-button {
max-width:16px!important;
}
#appmenu-button .button-icon {
-moz-image-region:rect(0, 66px, 11px, 55px)!important;
}
#star-button[starred="true"] {
-moz-image-region:rect(0, 88px, 11px, 77px)!important;
margin:1px 2px 0 0!important;
padding:0!important;
}
#star-button:not([starred="true"]) {
-moz-image-region:rect(0, 77px, 11px, 66px)!important;
margin:1px 2px 0 0!important;
padding:0!important;
}
#go-button {
-moz-image-region:rect(0, 99px, 11px, 88px)!important;
margin:1px 2px 0 0!important;
padding:0!important;
}
#back-button,
#forward-button,
#reload-button,
#stop-button,
.tab-close-button {
background:transparent!important;
border:0!important;
min-height:14px!important;
max-height:14px!important;
min-width:14px!important;
max-width:14px!important;
margin:1px 0 0 0!important;
padding:0!important;
-moz-appearance:none!important;
}
#TabsToolbar toolbarbutton .toolbarbutton-icon {
margin-top:-3px!important; }
#main-window toolbarbutton,
#appmenu-button {
padding-top:2px!important;
}
#main-window #appmenu-button {
padding-left:4px!important;
}
#main-window #appmenu-button .button-icon {
margin:-1px 0 0!important;
}
#main-window #appmenu-button {
background:transparent!important;
border:0!important;
min-height:14px!important;
max-height:14px!important;
min-width:14px!important;
max-width:14px!important;
padding:0!important;
-moz-appearance:none!important;
box-shadow:none!important;
}
#main-window[sizemode="normal"] #appmenu-button {
margin:35px 0px -27px 0px!important;
}
#main-window[sizemode="fullscreen"] #appmenu-button,
#main-window[sizemode="maximized"] #appmenu-button {
margin:0!important;
}
#urlbar-reload-button,
#urlbar-stop-button {
margin-top:2px!important;
}
/* URL BAR */
#urlbar {
background:#1b1b1b!important;
border:0!important;
border-radius:0!important;
border-left:1px solid #121314!important;
border-bottom:1px solid #121314!important;
color:rgba(255,255,255,.6)!important;
margin:0 0 0 3px!important;
max-height:15px!important;
min-height:15px!important;
padding:0 0 1px 2px!important;
text-align:left!important;
text-shadow:rgba(0,0,0,.4) 0 0 1px!important;
-moz-transition:color .2s ease-in,background .2s ease-in;
-moz-appearance:none!important;
}
#main-window #tabbrowser-tabs tab:hover,
#main-window #tabbrowser-tabs tab[selected] {
background:#222!important;
color:#9f1765!important;
}
#urlbar:hover {
background:#222!important;
color:#ddd!important;
}
#urlbar #notification-popup-box {
background:-moz-linear-gradient(rgba(75,75,75,.2),rgba(0,0,0,.4))!important;
border:0!important;
border-right:1px solid rgba(0,0,0,.4)!important;
max-height:16px!important;
max-width:16px!important;
padding:0 4px!important;
border-radius:1px 0 0 1px!important;
-moz-border-image:none!important;
-moz-margin-end:0!important;
}
#urlbar #notification-popup-box .notification-anchor-icon {
max-height:10px!important;
max-width:10px!important;
}
panel[type="autocomplete-richlistbox"] {
-moz-appearance:none!important
background-color:#121314!important;
border:none!important;
}
.autocomplete-richlistitem {
color: #ddd!important;
background-color:#1b1b1b!important;
border-radius:0!important;
border-bottom: 1px solid #121314!important;
}
.autocomplete-richlistitem[selected="true"] {
color: #ddd!important;
background-color:#222!important;
border-radius:0!important;
border-bottom: 1px solid #121314!important;
}
/*
.ac-url-text {
color: #FFF4a9 !important;
}
#urlbar[level] .autocomplete-textbox-container >* {
color: #FFF4a9 !important;
}*/
/* TABS */
#main-window #tabbrowser-tabs tab {
background:#1b1b1b!important;
border:0!important;
border-left:1px solid #121314!important;
border-bottom:1px solid #121314!important;
color:rgba(255,255,255,.6)!important;
margin:0!important;
max-height:15px!important;
min-height:15px!important;
padding:2px 2px 0 2px!important;
text-shadow:rgba(0,0,0,.8) 0 0 1px!important;
border-radius:0!important;
}
#main-window #tabbrowser-tabs tab:last-child {
border-right:1px solid #121314!important;
}
#main-window #tabbrowser-tabs tab .tab-label {
margin-top:-3px!important;
}
#main-window #tabbrowser-tabs tab .tab-throbber,
#main-window #tabbrowser-tabs tab .tab-icon-image {
max-height:10px!important;
max-width:10px!important;
margin-top:-3px!important;
}
#main-window #tabbrowser-tabs tab[fadein] {
-moz-transition:color .2s ease-in,all .2s!important;
}
#main-window #tabbrowser-tabs tab .tab-close-button {
margin-top:-4px!important;
opacity:0!important;
-moz-transition:opacity .1s ease-in!important;
}
#main-window #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon {
max-height:12px!important;
max-width:12px!important;
}
#main-window #tabbrowser-tabs tab[selected] .tab-close-button,
#main-window #tabbrowser-tabs tab:hover .tab-close-button {
opacity:1!important;
}
#main-window #tabbrowser-tabs tab[fadein]:not([pinned]) {
min-width:40px!important;
max-width:160px!important;
}
#main-window #tabbrowser-tabs tab[pinned] {
max-width:18px!important;
min-width:18px!important;
}
#main-window #tabbrowser-tabs tab[pinned] .tab-close-button {
display:none!important;
}
/* ADD ON BAR */
toolbar#addon-bar
{
background:#1b1b1b!important;
border:1px solid #121314!important;
max-height:20px!important;
min-height:20px!important;
-moz-appearance:none!important;
}
toolbar#addon-bar toolbarbutton
{
border:0!important;
max-height:18px!important;
min-height:18px!important;
margin:0!important;
padding:0!important;
-moz-appearance:none!important;
}
scrollbox#PlacesToolbarItems toolbarbutton
{
border:0!important;
border-left:1px solid transparent!important;
border-right:1px solid transparent!important;
max-height:18px!important;
min-height:18px!important;
max-width:24px!important;
min-width:24px!important;
padding:0 0 0 3px!important;
-moz-appearance:none!important;
}
scrollbox#PlacesToolbarItems toolbarbutton .toolbarbutton-icon
{
height:16px!important;
opacity:.5;
width:16px!important;
-moz-transition:all .1s linear;
}
scrollbox#PlacesToolbarItems toolbarbutton:hover .toolbarbutton-icon
{
opacity:1;
}
scrollbox#PlacesToolbarItems toolbarbutton:hover
{
background:#222!important;
border-left:1px solid #121314!important;
border-right:1px solid #121314!important;
box-shadow:#0f0f0f 0 -1px 3px;
}
scrollbox#PlacesToolbarItems toolbarbutton:active
{
background:#121314!important;
border-left:1px solid #121314!important;
border-right:1px solid #121314!important;
}
scrollbox#PlacesToolbarItems toolbarbutton:first-child,
scrollbox#PlacesToolbarItems toolbarbutton:first-child:hover,
scrollbox#PlacesToolbarItems toolbarbutton:first-child:active
{
border-left:0!important;
}
/* MAIN WINDOW */
#main-window #urlbar,
#main-window #urlbar-container {
max-width:260px!important;
}
#main-window:not([chromehidden*="toolbar"]) {
margin: -13px 0 0 0!important;
}
#main-window #TabsToolbar {
background:#1b1b1b!important;
border:1px solid #121314!important;
max-height:16px!important;
min-height:16px!important;
margin:0!important;
padding:0!important;
-moz-appearance:none!important;
}
select > button,
select > input {
opacity:0!important;
}
body > img.decoded {
background:none!important;
}
#content[disablehistory] {
background-color:#161616!important;
}
#main-menubar {
margin:0 0 3px 1px!important;
border-radius: 0 !important;
}
.statuspanel-label {
background:#1b1b1b!important;
border-color:#121314 !important;
color: #ddd !important;
}
tabbrowser tabpanels {
background-color:#121314 !important;
}
/* FIND BAR */
#FindToolbar,
.tabbrowser-tabbox findbar{
background:#1b1b1b!important;
border:1px solid #121314!important;
border-top:0!important;
color:#aaa !important;
-moz-appearance:none!important;
}
#FindToolbar .findbar-textbox {
-moz-appearance:none!important;
background-color: #1b1b1b !important;
border: 1px solid #121314 !important;
border-radius:0 !important;
color: #ddd !important;
}
.tabbrowser-tabbox findbar .findbar-textbox {
-moz-appearance:none!important;
background-color: #1b1b1b !important;
border: 1px solid #121314 !important;
border-radius:0 !important;
color: #ddd !important;
}
.tabbrowser-tabbox findbar .findbar-textbox:hover,
.tabbrowser-tabbox findbar .findbar-textbox:focus {
-moz-appearance:none!important;
background-color: #242424 !important;
color: #f4f4f4 !important;
}
/* DOWNLOADS */
#searchbox .textbox-search-icon {visibility: hidden !important;}
#downloadView {
background:#121314!important;
}
richlistitem[type="download"] {
background-color:#1b1b1b!important;
border-bottom:1px solid #121314!important;
border-left:1px solid #121314!important;
border-right:1px solid #121314!important;
color:#aaa !important;
}
richlistitem[type="download"]:hover {
background-color:#222!important;
}
richlistitem[type="download"][selected="true"] {
background-color: #222!important;
background-image:none!important;
color:#2a7fa0!important;
/*background-image: url("chrome://mozapps/skin/extensions/itemEnabledFader.png");*/
}
windowdragbox#search {
background:#1b1b1b!important;
border:1px solid #121314!important;
color:#aaa !important;
-moz-appearance:none!important;
}
#clearListButton, #search #searchbox {
-moz-appearance:none!important;
background-color: #1b1b1b !important;
border: 1px solid #121314 !important;
border-radius:0 !important;
color: #ddd !important;
font-size: 9px !important;
padding: 1px 4px 1px 4px !important;
margin:4px!important;
}
#clearListButton:hover, #searchbox:hover, #searchbox:focus {
background-color: #242424 !important;
color:#f4f4f4!important;
}
/* BOOKMARKS/HISTORY SIDEBAR */
#search-box .textbox-search-icon {visibility: hidden !important;}
#sidebar-box #sidebar-header, #bookmarksPanel, #history-panel {
-moz-appearance: none !important;
color: #ddd !important;
background-image: none!important;
background-color:#1b1b1b!important;
border: 1px solid #121314 !important;
border-top: none !important;
}
#bookmarks-view, #historyTree {
-moz-appearance: none !important;
color: #aaa !important;
background-image: none!important;
background-color:#1b1b1b!important;
border-top: 1px solid #121314 !important;
}
#bookmarks-view :-moz-tree-row(hover),
#bookmarks-view :-moz-tree-row(selected),
#bookmarks-view :-moz-tree-row(focus),
#historyTree :-moz-tree-row(hover),
#historyTree :-moz-tree-row(selected),
#historyTree :-moz-tree-row(focus) {
background-color:#222!important;
color:#ddd!important;
}
#search-box, #viewButton {
-moz-appearance:none!important;
background-color: #1b1b1b !important;
border: 1px solid #121314 !important;
border-radius:0 !important;
color: #ddd !important;
font-size: 9px !important;
padding: 1px 4px 1px 4px !important;
margin:4px!important;
}
#search-box:hover, #search-box:focus {
background-color: #242424 !important;
color:#f4f4f4!important;
}
#sidebar-splitter {
-moz-appearance:none!important;
min-width:1px!important;
background-image: none!important;
background-color:#1b1b1b!important;
border: none !important;
}
/* ABOUT PAGES */
@-moz-document url-prefix("about:") {
* {
color: #ddd!important;
background-color:#1b1b1b!important;
border-radius:0!important;
border-color: #121314!important;
}}
@-moz-document url("about:newtab") {
#newtab-toggle,#config-toggle {display:none!important;}
div#newtab-scrollbox {
background-color: #1b1b1b !important;
background-image:none!important;
}
.newtab-cell {
border:0!important;
}
span.newtab-title {
background: #121314 !important;
color:#aaa !important;
}}
@-moz-document url("about:addons") {
* {
color: #ddd!important;
background:#1b1b1b!important;
border-radius:0!important;
}
.category[selected] {
background-color: #242424 !important;
color:#f4f4f4!important;
border-color: #121314 !important;
border-right: none !important;
}
.main-content {
border: 1px solid #121314 !important;
}
.view-header {
border: none !important;
border-bottom: 1px solid #121314 !important;
}
#categories {
border-right: 1px solid #121314 !important;
}
button, select, .header-button {
-moz-appearance:none!important;
background-color: #1b1b1b !important;
border: 1px solid #121314 !important;
border-radius:0 !important;
color: #ddd !important;
font-size: 9px !important;
padding: 1px 4px 1px 4px !important;
margin:4px!important;
box-shadow:none!important;
}
button:hover, .header-button:hover, .addon:hover {
background-color: #242424 !important;
color:#f4f4f4!important;
}
.addon {
-moz-border-bottom-colors:none!important;
border-bottom: 1px solid #121314 !important;
border-top:0!important;
}}
@Black-Light
Copy link

Thanks for the update, I noticed on line 83 you have a comma which shouldn't be there. Great style by the way.

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