Skip to content
Permalink
Browse files

initial commit

  • Loading branch information...
MrOtherGuy committed Oct 21, 2018
0 parents commit 15cb67cf2cf4927da6d8c4296eb02f31fbbcb212

Large diffs are not rendered by default.

@@ -0,0 +1,13 @@
* Collection of random CSS hacks for Firefox

* Usage

Use stylesheets under "chrome" in userChrome.css

Use stylesheets under "content" in userContent.css

You can import the stylesheets with @-rule import like this:

```css
@import url("path/filename.css");
```
@@ -0,0 +1,7 @@
#toolbar-menubar:not([inactive]) ~ #TabsToolbar{
margin-left:300px !important;
margin-top: -26px !important;
}
:root[sizemode="maximized"] #toolbar-menubar:not([inactive]) ~ #TabsToolbar{
margin-top: -28px !important;
}
@@ -0,0 +1,11 @@
/* Use with navbar_tabs_oneliner.css */

#toolbar-menubar:not([inactive]) ~ #TabsToolbar{
margin-left:calc(var(--uc-navigationbar-width) + 300px ) !important;
margin-top: calc(0px - var(--uc-toolbar-height)) !important;
padding-left: 0px !important;
}
#toolbar-menubar:not([inactive]){
margin-left: var(--uc-navigationbar-width);
height: var(--uc-toolbar-height);
}
@@ -0,0 +1,16 @@
/* Modify these to change relative widths or default hegiht */
#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; }
/* Override for other densities */
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; }
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; }
#TabsToolbar{ margin-left: var(--uc-navigationbar-width); }
#tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; }
/* This isn't useful when tabs start in the middle of the window */
.titlebar-placeholder[type="pre-tabs"]{ display: none }
#nav-bar{margin-right:calc(100vw - var(--uc-navigationbar-width));
margin-top: calc(0px - var(--uc-toolbar-height))
}
/* 1px margin on touch density causes tabs to be too high */
.tab-close-button{ margin-top: 0 }
/* prevent urlbar overflow on narrow windows */
#urlbar-container{ min-width:unset }
@@ -0,0 +1,36 @@
/* STATUSPANEL INSIDE URLBAR */

#urlbar .urlbar-input-box{ display: -moz-stack }
#urlbar .urlbar-input-box::after{
z-index: 2;
content: "";
width: 100%;
height: 100%;
display: none;
pointer-events:none;
background: -moz-element(#statuspanel) 0 -11px no-repeat !important;
}

#urlbar .urlbar-input-box::after{
display: -moz-box;
}

#statuspanel{ z-index: -1; }
/* Don't show common values to save space (useful for oneliner) - safe to delete these */
#statuspanel-label[value^="http"]{ margin-left: -5.8ch !important; }
#statuspanel-label[value^="https"]{ margin-left: -6.6ch !important; }
#statuspanel-label[value^="www"]{ margin-left: -5.3ch !important; }
#statuspanel-label[value^="http://www"]{ margin-left: -10.6ch !important; }
#statuspanel-label[value^="https://www"]{ margin-left: -11.3ch !important; }

.searchbar-textbox{ margin: 2px 0 !important; }

#statuspanel-inner > #statuspanel-label{
height:23px;
min-width: 500px;
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important;
border: none !important;
color: var(--lwt-toolbar-field-color, black) !important;
font-weight: bold !important;
margin-left: -3px
}
@@ -0,0 +1,44 @@
/* Create a circular throbber inside tabs replacing the default one */
/* Doesn't really measure loading progress but sort of looks like it */

#tabbrowser-tabs{ --tab-loader-size: 18px; }
.tabbrowser-tab .tab-throbber,
.tabbrowser-tab[bursting] .tab-icon-image{
display: none !important;
}
.tabbrowser-tab .tab-content::before{
display: -moz-box;
content: "";
width:var(--tab-loader-size);
height:var(--tab-loader-size);
margin-right:6px;
background: center no-repeat url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8" ?><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" version="1.1" stroke="url(%23gradient)" fill="none" width="100%" height="100%" stroke-width="1.7"><defs><radialGradient id="gradient" cx="50%" cy="0" r="0.6"><stop offset="0%" stop-color="lightpink"/><stop offset="100%" stop-color="red"/></radialGradient></defs><circle cx="8" cy="8" r="5.7"/></svg>') !important;
clip-path: polygon(50% 50%,50% 0%,50% 0%,50% 0%, 50% 0%,50% 0%, 50% 0%);
transition: clip-path 0.2s ease-out, opacity 0.3s linear 0.1s;
}
.tabbrowser-tab:-moz-any([busy],[bursting]) .tab-content{ padding-left: calc( 9px - (var(--tab-loader-size) - 16px)) !important; }
.tabbrowser-tab[pinned] .tab-content::before{ margin-right: 0px }
@keyframes loadprogress{
from{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%); }
25%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 100% 100%,100% 100%, 100% 100%); }
50%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 100%,0% 100%); }
75%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%,0% 0%); }
to{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%, 0% 0%, 50% 0%); }
}
@keyframes rotation{
from{ transform: rotateZ(0deg) }
to{ transform: rotateZ(360deg) }
}
.tabbrowser-tab:not([busy]):not([bursting]) .tab-content::before{ visibility: collapse; }
.tabbrowser-tab:not([busy]) .tab-content::before{ opacity: 0 }
.tabbrowser-tab[busy]:not([progress]) .tab-content::before{
clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%);
}
.tabbrowser-tab[busy][progress] .tab-content::before{
animation: loadprogress 2s linear, rotation 0.7s linear 2s infinite !important;
animation-fill-mode: forwards !important;
}
.tabbrowser-tab[bursting] .tab-content::before{
clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%, 50% 0%) !important;
}
#tabbrowser-tabs[schedulepressure] .tab-content::before{ display:none !important; }
@@ -0,0 +1,12 @@
/* Pretty much requires either menubar_in-toolbar or the oneliner compatible one */
/* Otherwise the changing vertical position causes bookmarks to be unclickable */
#main-window[sizemode="normal"]:not([customizing]) #PersonalToolbar{
transition: margin 0.15s ease-in-out 50ms, z-index 16ms linear 100ms!important;
height: 28px;
position: relative;
z-index: 1;
}
:root:not([customizing]) #toolbar-menubar[inactive] ~ #PersonalToolbar:not(:hover){
margin-top:-28px;
z-index: -1;
}
@@ -0,0 +1,5 @@
/* Scrollbar colors and width - applied globally */
:root{
scrollbar-color: rgb(210,210,210) rgb(46,54,69);
scrollbar-width: thin;
}
@@ -0,0 +1,35 @@
/* Limit CSS data leak, POTENTIALLY BREAKS SOME SITES */
body input:not([value=""])[type],
body input:not([value=""])[type]:focus ~ *,
body input:not([value=""])[type] * {
background-image: none !important;
border-image: none !important;
font-family: inherit !important;
list-style-image: none !important;
cursor: unset !important;
content: none !important;
}
body input:not([value=""])[type]::before,
body input:not([value=""])[type]:focus ~ *::before,
body input:not([value=""])[type] *::before,
body input:not([value=""])[type]::after,
body input:not([value=""])[type]:focus ~ *::after,
body input:not([value=""])[type] *::after {
content:none !important;
}

/* Remove the comment to apply more strict version, causes even more trouble */
/*
body input:not([value=""])[type] ~ *{
background-image: none !important;
border-image: none !important;
font-family: inherit !important;
list-style-image: none !important;
cursor: unset !important;
content: none !important;
}
body input:not([value=""])[type] ~ *::before,
body input:not([value=""])[type] ~ *::after{
content:none !important;
}
*/
@@ -0,0 +1,3 @@
@-moz-document url("about:home"),url("about:blank"),url("about:newtab"),url("about:privatebrowsing"){
body{background-color: rgb(46,54,69) !important}
}
@@ -0,0 +1,8 @@
@-moz-document url-prefix("about:reader"){
.reader-toolbar, .reader-toolbar .button:not(:hover) {
background-color: transparent !important;
border: none !important;
}
.reader-toolbar:not(:hover)>*:not([open]){ visibility:hidden; }
body{ text-align: justify; }
}

0 comments on commit 15cb67c

Please sign in to comment.
You can’t perform that action at this time.