summaryrefslogtreecommitdiff
path: root/home-config/firefox/userChrome.css
diff options
context:
space:
mode:
Diffstat (limited to 'home-config/firefox/userChrome.css')
-rw-r--r--home-config/firefox/userChrome.css73
1 files changed, 39 insertions, 34 deletions
diff --git a/home-config/firefox/userChrome.css b/home-config/firefox/userChrome.css
index b6c9502..af302c5 100644
--- a/home-config/firefox/userChrome.css
+++ b/home-config/firefox/userChrome.css
@@ -1,22 +1,22 @@
/* TOP BAR */
-#navigator-toolbox{
+#navigator-toolbox {
--uc-navigationbar-width: 40vw;
}
/* Remove overflow button */
#nav-bar-overflow-button { display: none; }
-
+
/* remove alltabs button */
#alltabs-button { display: none; }
/* Change background color of toolbar */
-#navigator-toolbox-background {
- background: var(--toolbar-field-border-color) !important;
+#navigator-toolbox-background {
+ background: var(--toolbar-field-border-color) !important;
}
/* Fix vertical spacing of tabs */
-#TabsToolbar {
- margin-top: -1px;
+#TabsToolbar {
+ margin-top: -1px;
}
/* Move new tab to far right */
@@ -24,24 +24,29 @@
margin-left: auto;
}
+/* Fix spacing around tabs by removing nav bar top border */
+#nav-bar {
+ border: none !important;
+}
+
/* Media queries for width of nav bar */
-@media screen and (max-width: 1000px){
- #navigator-toolbox{
+@media screen and (max-width: 1000px) {
+ #navigator-toolbox {
--uc-navigationbar-width: 50vw;
}
}
-@media screen and (max-width: 800px){
- #navigator-toolbox{
+@media screen and (max-width: 800px) {
+ #navigator-toolbox {
--uc-navigationbar-width: 60vw;
}
}
/* Change look of tabs in smaller view */
-@media screen and (max-width: 800px){
- .tab-background {
+@media screen and (max-width: 800px) {
+ .tab-background {
margin-block: .2em !important;
}
- #TabsToolbar{
+ #TabsToolbar {
margin-left: 5px;
}
}
@@ -49,41 +54,41 @@
/* COMBINE TOP BAR */
/* Combine top bar into single line if width >= 800px */
-@media screen and (min-width: 800px){
+@media screen and (min-width: 800px) {
:root {
--uc-toolbar-height: 36px; /* Half height bar */
}
/* Modify these to change relative widths or default height */
- #navigator-toolbox{
+ #navigator-toolbox {
margin-bottom: 0px;
}
-
+
#titlebar {
margin-top: 2px;
}
- #TabsToolbar{
+ #TabsToolbar {
margin-left: calc(var(--uc-navigationbar-width) + 2px); /* Resize tab bar */
margin-top: -4px;
margin-bottom: 2px;
}
/* Tabs extend to bottom of bar */
- .tab-background {
+ .tab-background {
margin-bottom: 0 !important;
margin-top: 2px !important; /* See above navbox rule */
}
/* Center tab buttons */
- #tabs-newtab-button,
+ #tabs-newtab-button,
#alltabs-button
- {
- margin-top: 4px !important;
+ {
+ margin-top: 4px !important;
}
/* Integrate url / nav bar */
- #nav-bar{
+ #nav-bar {
margin-right:calc(100vw - var(--uc-navigationbar-width));
margin-top: calc(0px - var(--uc-toolbar-height));
border-radius: 0 var(--tab-border-radius) var(--tab-border-radius) 0;
@@ -92,25 +97,25 @@
}
/* 1px margin on touch density causes tabs to be too high */
- .tab-close-button{
- margin-top: 0 !important
+ .tab-close-button {
+ margin-top: 0 !important
}
/* Make opened urlbar overlay the toolbar */
- #urlbar[open]:focus-within{
- min-width: 50vw !important;
+ #urlbar[open]:focus-within {
+ min-width: 50vw !important;
}
-
+
/* Remove min and max width of urlbar */
- #urlbar-container {
+ #urlbar-container {
width: 0 !important;
}
-
+
/* Fix customization view */
- #customization-panelWrapper .panel-arrowbox .panel-arrow{
- margin-inline-end: initial !important;
+ #customization-panelWrapper .panel-arrowbox .panel-arrow {
+ margin-inline-end: initial !important;
}
-
+
/* Shorten findbar */
findbar {
width: 600px !important;
@@ -178,7 +183,7 @@ findbar .findbar-container hbox {
/* BOOKMARK BAR */
-@-moz-document url(chrome://browser/content/browser.xhtml){
+@-moz-document url(chrome://browser/content/browser.xhtml) {
#PersonalToolbar {
background: -moz-headerbar Field !important;
border-top: 1px solid ThreeDShadow !important;
@@ -187,4 +192,4 @@ findbar .findbar-container hbox {
.bookmark-item .toolbarbutton-text {
padding: 2.5px 4px;
}
-} \ No newline at end of file
+}