fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-09 19:30:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

New stuff

Browse source
This commit is contained in:
MrOtherGuy 2018-10-21 21:27:25 +03:00
parent 15cb67cf2c
commit 23c5b7792c
4 changed files with 60 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -1,6 +1,6 @@
* Collection of random CSS hacks for Firefox # Collection of random CSS hacks for Firefox
* Usage # Usage
Use stylesheets under "chrome" in userChrome.css Use stylesheets under "chrome" in userChrome.css

2
chrome/more_visible_tab_icon.css Normal file
View file

@ -0,0 +1,2 @@
/* Makes black favicons more visible on dark background, contrast will be lowered though */
.tab-icon-image{ filter: invert(40%) contrast(250%) saturate(250%) !important; }

49
chrome/navigation_buttons_inside_urlbar.css Normal file
View file

@ -0,0 +1,49 @@
/* Requires you to edit toolbar layout. Put buttons directly to the right of the urlbar in this order: <urlbar><reload-button><back-button><forward-button>*/
/* Actually, the order of reload and back-buttons doesn't matter */
#urlbar{
margin-right:0px !important;
border-right:none !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#urlbar,
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{
border-color: var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25));
}
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{
margin: 3px 0 !important;
padding: 0 0px !important;
background-clip: padding-box;
border-style: solid;
border-width: 1px 0;
opacity: 1 !important;
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
}
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"] .toolbarbutton-icon{
border: none !important;
border-radius: 0 !important;
margin: -3px 0 !important;
background-color:transparent;
height: initial !important;
width: initial !important;
}
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not([disabled]):hover{
background-color: hsla(0,0%,70%,.35);
}
#urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]{
border-color:Highlight !important;
}
#urlbar-container ~ .chromeclass-toolbar-additional[overflows="false"][disabled] .toolbarbutton-icon{ opacity: 0.4 !important }
#forward-button{
border-right-width: 1px !important;
border-radius: 0 2px 2px 0 !important;
}
#back-button, #back-button > image{ border-radius: 0 !important; }
#stop-reload-button{ padding: 0 !important; }

7
chrome/tab_close_button_always_on_hover.css Normal file
View file

@ -0,0 +1,7 @@
/* Always show tab close button on hover and never otherwise */
.tabbrowser-tab .tab-close-button{
display:none;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button{
display:-moz-box !important;
}