From bf454562e248415b1acdb772365a57f1cda70aed Mon Sep 17 00:00:00 2001 From: MainTheme <101680993+ImMainTheme@users.noreply.github.com> Date: Sun, 25 Aug 2024 21:15:45 +0800 Subject: [PATCH] Delete abandoned directory --- abandoned/Arc.css | 470 ---------------------------------------- abandoned/Arc2.css | 400 ---------------------------------- abandoned/BiggerTab.css | 56 ----- 3 files changed, 926 deletions(-) delete mode 100644 abandoned/Arc.css delete mode 100644 abandoned/Arc2.css delete mode 100644 abandoned/BiggerTab.css diff --git a/abandoned/Arc.css b/abandoned/Arc.css deleted file mode 100644 index e09db5e..0000000 --- a/abandoned/Arc.css +++ /dev/null @@ -1,470 +0,0 @@ -#browser.win #titlebar { - background: var(--colorTabBar); - height: 100%; -} - -.win #titlebar #pagetitle > span, .linux:not(.alt) #titlebar #pagetitle > span { - width: 0; -} - -/* Mix Tabbar and panel */ -#main > div.inner > div.tabbar-wrapper { - position: absolute; - height: calc(100% - 85px); - top: 85px; - width: 256px; -} - -#panels-container { - border-top-right-radius: 0.75rem; - width: 256px !important; - height: fit-content; - margin-bottom: 5px; - min-height: 85px -} -#tabs-tabbar-container { - border-bottom-right-radius: 0.75rem; - width: 256px !important; - max-width: 256px; -} - -#switch { - flex-basis: 100%; - max-width: 100%; -} - -#panels > div.panel-group { - left: 0 !important; - height: 100vh; - max-width: 256px; -} -#panels > div.panel-group > .panel-collapse-guard { - min-width: 256px !important; - max-width: 256px !important; -} -#tabs-container.left { - min-width: 256px; - max-width: 256px; -} -#tabs-tabbar-container > button, -#tabs-container > button { - display: none; -} - -#switch > .toolbar-vertical { - flex-flow: row wrap; - flex-direction: row !important; -} - -#panels-container.left #switch > .toolbar.toolbar-vertical .UrlBar-AddressField { - max-width: 100%; - transform: unset; - height: 40px; - max-height: 40px; - justify-content: center; - margin: unset; -} -#switch > div > div.UrlBar-AddressField.button-textonly.right > div.UrlBar-UrlFieldWrapper > div > div.OmniDropdown { - transform: none !important; - rotate: none !important; - min-width: auto !important; -} -#switch > div > div.UrlBar-AddressField.button-textonly.right > div.toolbar.toolbar-small.toolbar-insideinput > div.button-toolbar.drop-down-menu, -#switch > div > div.UrlBar-AddressField.button-textonly.right > div:nth-child(1) > div { - display: none; -} - - - -.toolbar.toolbar-droptarget.toolbar-statusbar.toolbar-medium { - max-height: 18px; - background: var(--colorTabBar); - overflow: hidden; -} - - -#titlebar > button.vivaldi { - display: none; -} - -#switch .toolbar-extensions {flex-direction: row !important;} -/* comfirm no scrollbar on panel */ -.toolbar.toolbar-droptarget.toolbar-panel.toolbar-medium.toolbar-vertical { - height: 79px !important; -} - -.toolbar > .StatusInfo { - justify-content: center; -} - -.tab-strip { - margin: 0 1% 0 1% !important; -} - -/* Fix weird enlarge */ -#switch > div { - width: 255.7px !important; -} - -/* UrlBar.css */ -.UrlBar-UrlField{ - text-align: center; -} -.UrlField{ - display: flex; - justify-content: center; -} - -/* CurvedFrame.css */ -#browser:not(.fullscreen) #webpage-stack { - /* change color (last parameter) to your preferred color */ - box-shadow: 0 0 0 2rem var(--colorTabBar); - border-radius: 0.75rem; - margin: 0 .75rem 0rem .75rem; -} - - -#browser:not(.fullscreen) #webpage-stack::before { - content: ''; - position: absolute; - width: .75rem; - height: .75rem; - background-color: var(--colorTabBar); - -webkit-mask-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 70%, #000 73%); - transform: rotate(180deg); - z-index: 1; -} - -#browser:not(.fullscreen) #webpage-stack::after { - content: ''; - position: absolute; - bottom: 0; - width: .75rem; - height: .75rem; - background-color: var(--colorTabBar); - -webkit-mask-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 70%, #000 73%); - transform: rotate(-90deg); - z-index: 1; - top: 0; - right: 0; -} - -.panel-group { - margin-bottom: .5rem; -} - -.panel-group::before { - content: ''; - position: absolute; - width: .75rem; - height: .75rem; - background-color: var(--colorTabBar); - -webkit-mask-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 70%, #000 73%); - transform: rotate(180deg); -} - -.panel-group::after { - content: ''; - position: absolute; - bottom: 0; - width: .75rem; - height: .75rem; - background-color: var(--colorTabBar); - -webkit-mask-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 70%, #000 73%); - transform: rotate(90deg); -} - -.webpanel-content { - border-top-left-radius: .75rem; -} - -/* Mac Button */ -body { - border-radius: 0; -} - -.win.normal #tabs-tabbar-container.top { - padding-top: 5px; -} - -/* Layout of buttons */ -#browser.win .window-buttongroup button svg { - display: block; - z-index: 2; - fill: black; - opacity: 0.75; - height: 9px !important; - width: 9px !important; - position: absolute; - top: 150%; - left: 50%; - transform: translate(-50%, -50%); - transition: top 200ms ease-in-out !important; - opacity: 0; -} - -#browser.win .window-buttongroup button { - margin-left: 5px; - margin-right: 5px; - position: relative; /* Add this line */ -} -#browser.win .window-buttongroup { - padding: 0px 5px 0px 5px !important; - background: none !important; -} - -.stacks-off.fullscreen#browser.win .window-buttongroup, -.tabs-at-edge#browser.win .window-buttongroup { - margin: 0; - padding-top: 3px; -} -#browser.win .window-buttongroup button, -#browser.win .window-buttongroup button.window-close { - height: 14px !important; - width: 14px !important; - border-radius: 100%; - opacity: 0.6; - background-color: #A6A6A6; -} -:not(.fullscreen).hasfocus#browser.win .window-buttongroup button.window-minimize, -#browser.win .window-buttongroup:hover button.window-minimize{ - background-color: #fac536 !important; - opacity: 1; -} -.hasfocus#browser.win .window-buttongroup button.window-maximize, -#browser.win .window-buttongroup:hover button.window-maximize{ - background: #39ea49 !important; - opacity: 1; - -} -.hasfocus#browser.win .window-buttongroup button.window-close, -#browser.win .window-buttongroup:hover button.window-close{ - background: #f25056 !important; - opacity: 1; - -} - -/* Animation */ -#browser.win .window-buttongroup button:hover svg { - top: 50% !important; - opacity: 1; -} - -#browser.win .window-buttongroup{ - visibility: visible !important; - display: flex !important; - position: absolute !important; - top: 50% !important; - left: unset !important; - right: 0 !important; - padding-top: 4px !important; - padding-bottom: 4px !important; - padding-right: 10px !important; - padding-left: 4px !important; - height: auto !important; - transform: translateY(-60%); -} - -/* button pin tab */ -.tab-position.is-pinned { - display: inline-block; - margin: 2% 2.3% 2% 2.3%; - width: 20% !important; - position: relative; - transform: unset !important; -} - -.tab-position.is-pinned .tab-header { - justify-content: center; - padding: unset; -} - -#tabs-container .tab-position.is-pinned .tab-header .title { - display: none; -} - -#tabs-container > div.resize > div > div.separator { - position: relative; - transform: unset; -} - -#tabs-container .tab-position:not(.is-pinned) { - position: relative; - transform: unset !important; - margin: 2px 0; -} - -#tabs-container .newtab { - top: unset !important; - left: unset !important; - width: 100%; - transform: unset !important; - display: flex; - justify-content: center; -} - -/* Two-Level Tab */ -#tabs-subcontainer { - background: var(--colorTabBar) !important; - border-radius: 0 var(--radius) var(--radius) 0; - min-width: 0 !important; - opacity: 0; - transition-delay: 150ms !important; - transition-property: min-width, opacity; - transition-duration: 250ms !important; -} -.tab-position.is-substack > div > svg, svg.svg-tab-stack{ - display: none; -} -body:has(.tab-position.is-substack:hover) #tabs-subcontainer, -#tabs-subcontainer:hover { - min-width: 214px !important; - opacity: 1; -} - -#tabs-subcontainer .tab-position { - position: relative; - transform: unset !important; - min-width: 30px; - width: 214px !important; - margin: 2px 0; -} -#tabs-subcontainer .newtab { - top: unset !important; - left: unset !important; - width: 100%; - transform: unset !important; - justify-content: center; -} -#tabs-subcontainer > .tab-strip { - display: flex; - flex-direction: column !important; - justify-content: flex-start; - align-content: center; -} - -/* Fix dragging indicator */ -.toolbar.toolbar-vertical .button-dragover-bottom:after { - bottom: unset; - transform: rotate(90deg); - right: -5px; -} -.toolbar.toolbar-vertical .button-dragover-top:after { - top: unset; - transform: rotate(90deg); - left: -5px; -} - -/* Floating top urlbar */ -#main > div.mainbar > div > div.UrlBar-AddressField { - position:absolute; width: 60%; transform: scaleY(1) translateY(4px); opacity: 1; height: 40px; -} - -body:has(#header:not(:hover)) #main > div.mainbar > div > div.UrlBar-AddressField:not(:focus-within):not(:hover) { - margin-top: -44px; transition: margin-top 0ms 500ms !important; -} - -div#panels-container {background: var(--colorTabBar);} - -.fullscreen #panels-container { - visibility: hidden; -} - -/* On/Off floating tabbar+panel */ -:not(.fullscreen)#panels-container.switcher #switch { - visibility: unset; -} - -body:has(#panels-container.switcher) #tabs-tabbar-container, -body:has(#panels-container.switcher) #panels-container{ - left: calc(0.75rem - 256px); - opacity: 0; - transition: left 250ms ease-in-out, opacity 250ms ease-in-out !important; - -} -body:has(#panels-container.switcher) .button-toolbar.tabbar-workspace-button.button-menu { - left: calc(0.75rem - 256px); - opacity: 0; - transition: left 250ms ease-in-out, opacity 250ms ease-in-out !important; -} - -#tabs-tabbar-container,#panels-container,.button-toolbar.tabbar-workspace-button.button-menu {z-index: 1;} -#panels-container:hover, -#tabs-tabbar-container:hover, -body:has(#panels-container:hover) #tabs-tabbar-container, -body:has(#tabs-tabbar-container:hover) #panels-container, -body:has(.panel.panel-bookmarks) #panels-container, -body:has(.panel.panel-bookmarks) #tabs-tabbar-container, -body:has(.panel-collapse-guard.panel.downloads) #panels-container, -body:has(.panel-collapse-guard.panel.downloads) #tabs-tabbar-container, -body:has(.extensionIconPopupMenu) #panels-container, -body:has(.extensionIconPopupMenu) #tabs-tabbar-container, -.button-toolbar.tabbar-workspace-button.button-menu:hover, -body:has(#panels-container:hover) .button-toolbar.tabbar-workspace-button.button-menu, -body:has(#tabs-tabbar-container:hover) .button-toolbar.tabbar-workspace-button.button-menu, -body:has(.extensionIconPopupMenu) .button-toolbar.tabbar-workspace-button.button-menu, -body:has(.button-toolbar.tabbar-workspace-button.button-menu:hover) #panels-container, -body:has(.button-toolbar.tabbar-workspace-button.button-menu:hover) #tabs-tabbar-container, -body:has(.WorkspacePopup) #panels-container, -body:has(.WorkspacePopup) #tabs-tabbar-container, -body:has(.WorkspacePopup) .button-toolbar.tabbar-workspace-button.button-menu, -body:has(.addressfield-popup) #panels-container, -body:has(.addressfield-popup) #tabs-tabbar-container, -body:has(.addressfield-popup) .button-toolbar.tabbar-workspace-button.button-menu -{ - left: 0px !important; - opacity: 1 !important; -} - -/* Need bookmark bar on bottom + icon only + put all bookmarks into one folder */ -.bookmark-bar.icon { - height: 18px; - max-height: 18px; - position: fixed; - min-width: 32px; - max-width: 32px; - bottom: 0px; - border: unset; -} - -.bookmark-bar.icon .observer { - padding: unset !important; - margin: unset; -} - -.bookmark-bar.icon .observer .bookmarkbarItem.folder { - background: var(--colorTabBar) !important; - width: 32px; - justify-content: center; -} -#browser > footer { - width: calc(100% - 32px); - left: 32px; -} -.button-toolbar.tabbar-workspace-button.button-menu { - width: 256px !important; -} - -body:has(.ToolbarButtonPopup-DefaultStyles .WorkspacePopup) .ToolbarButtonPopup-DefaultStyles { - left: 0px !important; -} - -#main > div.bookmark-bar.icon > div > button > svg > g > svg > path { - d: path("M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z") -} - -/* Floating Page tiling */ -#main > div.mainbar > div > div.button-toolbar.tilingtoggle { - display: flex !important; - position: absolute; - right: 0.75rem; - background-color: var(--colorTabBar); - transform: translateY(17px) -} -#main > div.mainbar > div > div.button-toolbar.tilingtoggle, -#main > div.mainbar > div > div.button-toolbar.tilingtoggle > button { - border-radius: 0.4rem !important; -} -body:has(#header:not(:hover)) #main > div.mainbar > div > div.button-toolbar.tilingtoggle:not(:focus-within):not(:hover) { - margin-top: -68px; transition: margin-top 0ms 500ms !important; -} diff --git a/abandoned/Arc2.css b/abandoned/Arc2.css deleted file mode 100644 index c5b52f5..0000000 --- a/abandoned/Arc2.css +++ /dev/null @@ -1,400 +0,0 @@ -:root { - --leftbarwidth: 210px; /* adjust this for your best view */ - --browserborder: 19px; /* change this if you want to change border size */ -} - -/* top bar */ - -#browser:has(#titlebar) .mainbar { - height:0 !important; - position: absolute; - width: 100%; - -} -#browser:has(.mainbar):not(.fullscreen) #header{ - height: var(--browserborder); - min-height: calc(var(--browserborder) / var(--uiZoomLevel)) !important; - background-color: var(--colorTabBar) !important; - width: calc(100% - 60px); - -} -#browser:has(.mainbar) #header #pagetitle { - opacity: 0; - justify-content:center; -} -#browser:has(.mainbar):has(#header:not(:hover)):has(.mainbar > .toolbar:not(:hover)) #pagetitle{ - opacity: 0; - transition: opacity 300ms 1000ms ease-in-out !important; -} -#browser:has(.mainbar):has(#header:not(:hover)):not(.toolbar-edit-mode):has(.mainbar .UrlBar-AddressField:not(:focus-within):not(:hover)):not(:has(.mainbar .UrlBar-AddressField .OmniDropdown)):not(:has(.extensionIconPopupMenu)):not(:has(.PageTiling-Button)) .mainbar > .toolbar:not(:hover) { - margin-top: -34px; - opacity: 0; - transition-delay: 1000ms !important; - transition-duration: 600ms !important; - transition-property: margin-top, opacity !important; -} -.mainbar > .toolbar { - right: calc(var(--browserborder) /2) !important; - border-radius: var(--radius); - background: var(--colorBg); -} -#browser:has(#panels-container.switcher) .mainbar > .toolbar { - width: calc(100% - var(--browserborder)); - left: calc(var(--browserborder) / 2) !important; -} -#browser:not(:has(#panels-container.switcher)) .mainbar > .toolbar { - width: calc(100% - var(--leftbarwidth) - calc(var(--browserborder) /2)); - left: calc(var(--leftbarwidth)) !important; -} -.mainbar > .toolbar .button-toolbar > button{ - border-radius: var(--radius); -} -#app:not(:has(.button-popup)) #browser:not(.toolbar-edit-mode):not(:has(.toolbar.dragging, #capture-area)).address-top .toolbar-mainbar .toolbar-spacer-flexible, -#app:not(:has(.button-popup)) #browser:not(.toolbar-edit-mode):not(:has(.toolbar.dragging, #capture-area)).address-top .toolbar-mainbar .toolbar-spacer-flexible button{ - -webkit-app-region: no-drag !important; -} -div > div > button.vivaldi { - display: none; -} -.mainbar .toolbar > .UrlBar-AddressField { - height: 34px; - border-radius: var(--radius); -} - -.mainbar > .toolbar > .toolbar-extensions { - margin: 0 2px 0 2px; -} -.OmniDropdown { - top: calc(100% + -1px); - border: 2px solid var(--colorAccentBgFadedMost); /*The color of the border is to match .UrlBar-AddressField:focus-within */ - border-radius: var(--radius); - margin-left: -2px !important; - margin-right: -1.5px !important; -} -.UrlBar-UrlObfuscationWarning { /* causing urlbar flicker when slide away */ - display: none; -} -.UrlBar-UrlField{ - text-align: center; -} -.UrlField{ - justify-content: center; -} - -/* Mac Button */ -#browser.win .window-buttongroup button svg { - display: block; - fill: black; - transition: opacity 200ms ease-in-out !important; - opacity: 0; - scale: 0.6; -} - -#browser.win .window-buttongroup button { - top: 3px !important; - padding: 0; - margin: 0 5px; - position: relative; /* Add this line */ - display: flex; - align-items: center; - justify-content: center; -} -#browser.win .window-buttongroup button, -#browser.win .window-buttongroup button.window-close { - height: 10px !important; - width: 10px !important; - border-radius: 100%; - opacity: 0.6; - background-color: #A6A6A6; -} -/* Animation */ -#browser.win .window-buttongroup button:hover svg { - opacity: .75; -} -:not(:has(.mainbar)) #browser.win .window-buttongroup{ - overflow: visible; - scale: 1; -} -:has(.mainbar) #browser.win .window-buttongroup{ - height: var(--browserborder) !important; - min-width: calc(60px / var(--uiZoomLevel)); - min-height: calc(var(--browserborder) / var(--uiZoomLevel)) !important; - width: 60px; - right: -60px; - background: var(--colorTabBar); - scale: 1; -} -#browser.win .window-buttongroup:hover button.window-minimize{ - background-color: #fac536 !important; - opacity: 1; -} -#browser.win .window-buttongroup:hover button.window-maximize{ - background: #39ea49 !important; - opacity: 1; -} -#browser.win .window-buttongroup:hover button.window-close{ - background: #f25056 !important; - opacity: 1; -} - -/* left tab bar */ - - -#tabs-container { - min-width: var(--leftbarwidth); - max-width: var(--leftbarwidth); -} -#tabs-tabbar-container { - border-radius: var(--radius); - min-width: var(--leftbarwidth); - max-width: var(--leftbarwidth); - z-index: 1; - height: calc(100% - 15px) !important; -} -#browser:not(:has(#panels-container.switcher)) #tabs-tabbar-container{ - box-shadow: var(--colorTabBar) 0 calc(var(--leftbarwidth) * 1.5); -} -#tabs-container > .resize > .tab-strip > .separator, -#tabs-container > .resize > .tab-strip .tab-yield-space { - z-index: 1; -} -/* button pin tab */ -.tab-position.is-pinned { - display: inline-flex; - margin: .5% 2% .5% 2%; - width: calc(var(--leftbarwidth) / 3 - 4%) !important; - position: relative; - transform: unset !important; -} -.tab-position.is-pinned .tab-header { - justify-content: center; - padding: unset; -} - -#tabs-container .tab-position.is-pinned .tab-header .title { - display: none; -} - -#tabs-container > .resize > div > .separator { - position: relative; - transform: unset; -} - -#tabs-container .tab-position:not(.is-pinned) { - position: relative; - transform: unset !important; - margin-bottom: 1%; -} - -#tabs-container .newtab { - top: unset !important; - left: unset !important; - width: 100%; - transform: unset !important; - display: flex; - justify-content: center; -} -#tabs-tabbar-container > button, -#tabs-container > button { - display: none; -} - -/* Two-Level Tab */ -#tabs-subcontainer { - background: var(--colorTabBar) !important; - border-radius: var(--radius); - min-width: var(--leftbarwidth) !important; - overflow: hidden; - z-index: 1; -} -.tab-position.is-substack > div > svg, svg.svg-tab-stack{ - display: none; -} -#browser:has(.tab-position.is-substack:not(:hover)) #tabs-subcontainer:not(:hover) { - min-width: 0 !important; - opacity: 0; - transition-delay: 300ms !important; - transition-property: min-width, opacity; - transition-duration: 300ms !important; -} - -#tabs-subcontainer .tab-position { - position: relative; - transform: unset !important; - min-width: 30px; - width: 214px !important; - margin: 2px 0; -} -#tabs-subcontainer .newtab { - top: unset !important; - left: unset !important; - width: 100%; - transform: unset !important; - justify-content: center; -} -#tabs-subcontainer > .tab-strip { - display: flex; - flex-direction: column !important; - justify-content: flex-start; - align-content: center; -} - -/* Get back text when hovering on 2lv tab */ -#browser:not(.alt-tabs) .tab-position .tab:hover.tab-small:not(.tab-mini).active .title, -#browser:not(.alt-tabs) .tab-position .tab.force-hover.tab-small:not(.tab-mini).active .title { - display: flex; -} - -/* Hide Panel and use it as checker for floating tab */ -#panels-container { - display: none; -} - -/* floating tabs */ -#browser:has(#panels-container.switcher):has(#tabs-tabbar-container:not(:hover)):has(.toolbar-statusbar:not(:hover)):has(.bookmarkbarItem:not(:hover)):has(.tabbar-workspace-button:not(:hover)):not(:has(.WorkspacePopup)) #tabs-tabbar-container, -#browser:has(#panels-container.switcher):has(#tabs-tabbar-container:not(:hover)):has(.toolbar-statusbar:not(:hover)):has(.bookmarkbarItem:not(:hover)):has(.tabbar-workspace-button:not(:hover)):not(:has(.WorkspacePopup)) .toolbar-statusbar, -#browser:has(#panels-container.switcher):has(#tabs-tabbar-container:not(:hover)):has(.toolbar-statusbar:not(:hover)):has(.bookmarkbarItem:not(:hover)):has(.tabbar-workspace-button:not(:hover)):not(:has(.WorkspacePopup)) .tabbar-workspace-button, -#browser:has(#panels-container.switcher):has(#tabs-tabbar-container:not(:hover)):has(.toolbar-statusbar:not(:hover)):has(.bookmarkbarItem:not(:hover)):has(.tabbar-workspace-button:not(:hover)):not(:has(.WorkspacePopup)) .bookmarkbarItem{ - left: calc(var(--browserborder) / 2 - var(--leftbarwidth)); - opacity: 0; - transition-delay: 500ms !important; -} -#browser:has(#panels-container.switcher) #tabs-tabbar-container, -#browser:has(#panels-container.switcher) .bookmarkbarItem { - left: 0; - opacity: 1; - transition-property: left, opacity !important; - transition-duration: 300ms !important; - transition-delay: 100ms !important; -} -#browser:has(#panels-container.switcher) .toolbar-statusbar{ - left: 32px; - opacity: 1; - transition-property: left, opacity !important; - transition-duration: 300ms !important; - transition-delay: 100ms !important; -} -#browser:has(#panels-container.switcher) .tabbar-workspace-button { - left: calc(var(--leftbarwidth) - 32px); - opacity: 1; - transition-property: left, opacity !important; - transition-duration: 300ms !important; - transition-delay: 100ms !important; -} -/* CurvedFrame.css */ -#browser:not(.fullscreen) #webpage-stack { - /* change color (last parameter) to your preferred color */ - box-shadow: 0 0 0 calc(var(--browserborder) * 2) var(--colorTabBar); - border-radius: var(--radius); - margin-bottom: calc(var(--browserborder) / 2); - margin-right: calc(var(--browserborder) / 2); -} -#browser:not(.fullscreen):has(#panels-container.switcher) #webpage-stack { - margin-left: calc(var(--browserborder) / 2 - var(--leftbarwidth)); -} -#browser:not(.fullscreen) #webpage-stack::before { - content: ''; - position: absolute; - width: var(--radius); - height: var(--radius); - background-color: var(--colorTabBar); - -webkit-mask-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 70%, #000 73%); - transform: rotate(180deg); - z-index: 1; -} - -#browser:not(.fullscreen) #webpage-stack::after { - content: ''; - position: absolute; - bottom: 0; - width: var(--radius); - height: var(--radius); - background-color: var(--colorTabBar); - -webkit-mask-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 70%, #000 73%); - transform: rotate(-90deg); - z-index: 1; - top: 0; - right: 0; -} - -/* Need bookmark bar on bottom + icon only + put all bookmarks into one folder */ -.bookmark-bar.icon { - left: 0; - height: 28px; - max-height: 28px; - position: fixed; - min-width: 32px; - max-width: 32px; - bottom: calc(var(--browserborder) / 2); - border: unset; - visibility: collapse; - z-index: 2; -} -.bookmark-bar.icon .observer button { - visibility: visible; -} -.bookmark-bar.icon .observer .bookmarkbarItem.folder { - background: var(--colorTabBar) !important; - width: 32px; - justify-content: center; -} -#main > .bookmark-bar.icon > div > button > svg > g > svg > path { - d: path("M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z") -} - -/* Hide Status Bar too, if u need status info just put it there */ -#browser:not(.toolbar-edit-mode) .toolbar-statusbar { - position: absolute; - bottom: calc(var(--browserborder) / 2); -} -.toolbar-statusbar { - left: 32px; - width: calc(var(--leftbarwidth) - 32px); -} -.button-textonly.StatusInfo { - justify-content: center; - font-size: 12px; - z-index: -1; -} -#browser:not(.toolbar-edit-mode):not(:has(#panels-container.switcher)) .button-textonly.StatusInfo { - left: calc(var(--leftbarwidth)); - width: calc(100% - var(--leftbarwidth) - var(--browserborder) / 2); - bottom: calc(var(--browserborder) / 2); - position: fixed; - visibility: collapse; -} -#browser:not(.toolbar-edit-mode):has(#panels-container.switcher) .button-textonly.StatusInfo { - left: calc(var(--browserborder) / 2); - width: calc(100% - var(--browserborder)); - bottom: calc(var(--browserborder) / 2); - position: fixed; - visibility: collapse; -} -.StatusInfo-Content { - padding: 2px; - background: var(--colorBg); - border-radius: var(--radius); - visibility: visible; -} -/* workspace icononly */ -.tabbar-workspace-button { - position: absolute; - left: calc(var(--leftbarwidth) - 32px); - bottom: calc(var(--browserborder) / 2); - width: 28px !important; - height: 28px !important; - z-index: 5; - background-color: transparent !important; -} -.tabbar-workspace-button > button > .button-title, .tabbar-workspace-button > button > .button-toolbar-menu-indicator { - display: none; -} -#browser:has(.WorkspacePopup) .ToolbarButtonPopup-DefaultStyles { - top: unset !important; - bottom: calc(var(--browserborder) / 2 + 34px) !important; -} -#browser:has(.WorkspacePopup) .button-popup-pos-below:before { - top: unset; - bottom: -12px; - transform: rotate(180deg); -} diff --git a/abandoned/BiggerTab.css b/abandoned/BiggerTab.css deleted file mode 100644 index 6e1e59f..0000000 --- a/abandoned/BiggerTab.css +++ /dev/null @@ -1,56 +0,0 @@ -:root { - --TabbarEleH: 40px; -} -.tab-position .tab .tab-header { - padding: 5px; - flex-basis: var(--TabbarEleH) !important; - } -.tab-audio, -.tab-position .tab .favicon { - min-width: 26px !important; - min-height: 26px !important; - } -canvas.audioicon { - width: 48px !important; - height: 48px !important -} -.tab-position .tab .favicon > img, -.tab-position .tab .favicon > span > svg { - width: 24px !important; - height: 24px !important -} -.tab-position .tab .title { - margin-left:3px; - } -.tab-position .tab .progress-indicator { - right: 3px; - bottom: 1px; - left: 3px; - } - -#tabs-container .tab-position { - Height: var(--TabbarEleH) !important; -} - -#tabs-container.left .ToolbarButton-Button, -#tabs-container.right .ToolbarButton-Button { - height: var(--TabbarEleH); -} -#tabs-container .newtab { - height: var(--TabbarEleH); -} - -/* Two Level Tab */ -#tabs-subcontainer .tab-position { - min-width: var(--TabbarEleH) !important; - height: var(--TabbarEleH) !important; -} - -#tabs-subcontainer { - min-width: var(--TabbarEleH) !important; -} - -#tabs-subcontainer .newtab { - height: var(--TabbarEleH); -} -