From a2882a3914dbd2e5ce37fb082b407998716e2d83 Mon Sep 17 00:00:00 2001 From: BlossomOfTheLavender <164930230+BlossomOfTheLavender@users.noreply.github.com> Date: Fri, 29 Mar 2024 01:55:49 +0700 Subject: [PATCH] Add files via upload --- MyFireoxCSS/userChrome.css | 142 ++++++++++++++++++++++++++++++++++++ MyFireoxCSS/userContent.css | 26 +++++++ 2 files changed, 168 insertions(+) create mode 100644 MyFireoxCSS/userChrome.css create mode 100644 MyFireoxCSS/userContent.css diff --git a/MyFireoxCSS/userChrome.css b/MyFireoxCSS/userChrome.css new file mode 100644 index 0000000..3f5364e --- /dev/null +++ b/MyFireoxCSS/userChrome.css @@ -0,0 +1,142 @@ +/* +* penguinFox +* by p3nguin-kun +*/ + +/* config */ + +* { + --animation-speed: 0.2s; + --button-corner-rounding: 8px; + --urlbar-container-height: 40px !important; + --urlbar-min-height: 30px !important; + --urlbar-height: 30px !important; + --urlbar-toolbar-height: 38px !important; + --moz-hidden-unscrollable: scroll !important; + --toolbarbutton-border-radius: 5px !important; + --tabs-border-color: transparent; + font-family: RobotoMonoNerdFontMono; + font-size: 18px; +} + +:root { + --window: -moz-Dialog !important; + --secondary: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; + --uc-border-radius: 0px; + --uc-status-panel-spacing: 0px; + --uc-page-action-margin: 0px; +} + +/* animation and effect */ +#nav-bar:not([customizing]) { + visibility: visible; + margin-top: -40px; + transition-delay: 0.1s; + filter: alpha(opacity=0); + opacity: 0; + transition: visibility, ease 0.1s, margin-top, ease 0.1s, opacity, ease 0.1s, + rotate, ease 0.1s !important; +} + +#nav-bar:hover, +#nav-bar:focus-within, +#urlbar[focused='true'], +#identity-box[open='true'], +#titlebar:hover + #nav-bar:not([customizing]), +#toolbar-menubar:not([inactive='true']) ~ #nav-bar:not([customizing]) { + visibility: visible; + + margin-top: 0px; + filter: alpha(opacity=100); + opacity: 100; + margin-bottom: -0.2px; +} +#PersonalToolbar { + margin-top: 0px; +} +#nav-bar .toolbarbutton-1[open='true'] { + visibility: visible; + opacity: 100; +} + +:root:not([customizing]) :hover > .tabbrowser-tab:not(:hover) { + transition: blur, ease 0.1s !important; +} + +:root:not([customizing]) :not(:hover) > .tabbrowser-tab { + transition: blur, ease 0.1s !important; +} + +#tabbrowser-tabs .tab-label-container[customizing] { + color: transparent; + transition: ease 0.1s; + transition-delay: 0.2s; +} + +.tabbrowser-tab:not([pinned]) .tab-icon-image ,.bookmark-item .toolbarbutton-icon{opacity: 0!important; transition: .15s !important; width: 0!important; padding-left: 16px!important} +.tabbrowser-tab:not([pinned]):hover .tab-icon-image,.bookmark-item:hover .toolbarbutton-icon{opacity: 100!important; transition: .15s !important; display: inline-block!important; width: 16px!important; padding-left: 0!important} +.tabbrowser-tab:not([hover]) .tab-icon-image,.bookmark-item:not([hover]) .toolbarbutton-icon{padding-left: 0!important} + +/* Removes annoying buttons and spaces */ +.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"]{display: none !important} +#tabbrowser-tabs{border-inline-start-width: 0!important} + +/* Makes some buttons nicer */ +#PanelUI-menu-button, #unified-extensions-button, #reload-button, #stop-button {padding: 2px !important} +#reload-button, #stop-button{margin: 1px !important;} + +/* X-button */ +:root { + --show-tab-close-button: none; + --show-tab-close-button-hover: none /*-moz-inline-block*/; +} +.tabbrowser-tab:not([pinned]) .tab-close-button { display: var(--show-tab-close-button) !important; } +.tabbrowser-tab:not([pinned]):hover .tab-close-button { display: var(--show-tab-close-button-hover) !important } + +/* tabbar */ + +/* Hide the secondary Tab Label + * e.g. playing indicator (the text, not the icon) */ +.tab-secondary-label { display: none !important; } + +:root { + --toolbarbutton-border-radius: 0 !important; + --tab-border-radius: 10px 10px 0px 0px !important; + --tab-block-margin: 0px !important; +} + +.tabbrowser-tab:is([visuallyselected='true'], [multiselected]) + > .tab-stack + > .tab-background { + box-shadow: none !important; +} + +.tab-background { + border-right: 0px solid rgba(0, 0, 0, 0) !important; + margin-left: 0px !important; +} + +.tabbrowser-tab[last-visible-tab='true'] { + padding-inline-end: 0 !important; +} + +#tabs-newtab-button { + padding-left: 0 !important; + border-radius: 5px !important; +} + +/* multi tab selection */ +#tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([multiselected]) + > .tab-stack + > .tab-background:-moz-lwtheme { outline-color: var(--toolbarseparator-color) !important; } + +/* remove gap after pinned tabs */ +#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) { margin-inline-start: 0 !important; } + +/* Removes annoying border */ +#navigator-toolbox{border:none !important;} + +/* Removes the annoying rainbow thing from the hamburger */ +#appMenu-fxa-separator{border-image:none !important;} diff --git a/MyFireoxCSS/userContent.css b/MyFireoxCSS/userContent.css new file mode 100644 index 0000000..e31a15a --- /dev/null +++ b/MyFireoxCSS/userContent.css @@ -0,0 +1,26 @@ +@-moz-document url-prefix(about:){ + +/* Removes the scrollbar on some places */ +body,html{overflow-y: auto} + +/* Devtools */ +@-moz-document url-prefix(about:devtools){ +#toolbox-container{margin-top: 10px !important} +.devtools-tabbar{background: transparent !important} +.devtools-tab-line{border-radius: 0 0 5px 5px} +.customize-animate-enter-done,.customize-menu,.top-site-outer:hover,button{background-color: transparent!important}} + +/* Newtab */ +@-moz-document url("about:home"), url("about:newtab"){ +.search-wrapper .search-handoff-button .fake-caret {top: 13px !important; inset-inline-start: 48px !important} +.search-wrapper .logo-and-wordmark{opacity: 0.9 !important; order: 1 !important; margin-bottom: 0 !important; flex: 1 !important; flex-basis: 20% !important} +.search-wrapper .search-handoff-button .fake-caret{top: 13px !important; inset-inline-start: 48px !important} +.search-wrapper .logo-and-wordmark{opacity: 0.9 !important; order: 1 !important; margin-bottom: 0 !important; flex: 1 !important; flex-basis: 20% !important} +.outer-wrapper .search-wrapper{padding: 0px !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; align-content: space-around !important; gap: 20px 10px !important} +.search-wrapper .logo-and-wordmark .logo{background-size: 60px !important; height: 60px !important; width: 60px !important} +.search-wrapper .search-inner-wrapper{min-height: 42px !important; order: 2 !important; flex: 3 !important; flex-basis: 60% !important; top: 4px !important} +.search-wrapper .search-inner-wrapper{min-height: 42px !important; order: 2 !important; flex: 3 !important; flex-basis: 60% !important; top: 4px !important} +.outer-wrapper.ds-outer-wrapper-breakpoint-override.only-search.visible-logo{display: flex !important; padding-top: 0px !important;vertical-align: middle} +.customize-menu{border-radius: 10px 0 0 10px !important} +#root > div{align-items: center; display: flex}}} +