From 5eedb55cbbbd4357d226810320f944591408db33 Mon Sep 17 00:00:00 2001
From: fbachus <felix.bachstein@gmail.com>
Date: Fri, 8 Nov 2024 18:54:16 +0100
Subject: [PATCH] add vivaldi custom CSS

---
 .../customCSS/center_address_bar.css.bak      | 11 +++
 .config/vivaldi/customCSS/frame.css.bak       | 85 +++++++++++++++++++
 .../customCSS/notitlebar_withouttabbar.css    |  5 ++
 .config/vivaldi/customCSS/smallmainbar.css    |  4 +
 4 files changed, 105 insertions(+)
 create mode 100644 .config/vivaldi/customCSS/center_address_bar.css.bak
 create mode 100644 .config/vivaldi/customCSS/frame.css.bak
 create mode 100644 .config/vivaldi/customCSS/notitlebar_withouttabbar.css
 create mode 100644 .config/vivaldi/customCSS/smallmainbar.css

diff --git a/.config/vivaldi/customCSS/center_address_bar.css.bak b/.config/vivaldi/customCSS/center_address_bar.css.bak
new file mode 100644
index 0000000..21be0b9
--- /dev/null
+++ b/.config/vivaldi/customCSS/center_address_bar.css.bak
@@ -0,0 +1,11 @@
+/* Url text on center */
+.UrlField {justify-content: center;}
+input#urlFieldInput {text-align:center;}
+.UrlBar-UrlObfuscationWarning {-webkit-app-region: no-drag !important;}
+
+#browser:has(.switcher):not(.toolbar-edit-mode) .toolbar-mainbar .toolbar-spacer:has(+.button-toolbar button[name="Back"]) {
+	max-width: 0;
+}
+#browser.win:not(:has(.switcher)):not(.toolbar-edit-mode) .toolbar-mainbar .toolbar-spacer:has(+.button-toolbar button[name="Back"]) {
+	min-width: calc(var(--leftbarwidth) - 34px - 34px - 34px - var(--browserborder))
+}
diff --git a/.config/vivaldi/customCSS/frame.css.bak b/.config/vivaldi/customCSS/frame.css.bak
new file mode 100644
index 0000000..06a31b5
--- /dev/null
+++ b/.config/vivaldi/customCSS/frame.css.bak
@@ -0,0 +1,85 @@
+/** 
+* Edge like border radius
+* Forum link: https://forum.vivaldi.net/topic/83618/edge-like-curved-frame-around-website
+*/
+
+#browser {
+    --edge-like-border-radius: var(--radius); /* 0.5rem */
+}
+
+#webpage-stack {
+    box-shadow: 0 0 0 var(--edge-like-border-radius) var(--colorAccentBg);
+
+    margin-bottom: calc(var(--edge-like-border-radius) / 2);
+    margin-right: calc(var(--edge-like-border-radius) / 2);
+}
+
+#browser.fullscreen #webpage-stack {
+     margin-left: calc(var(--edge-like-border-radius) / 2);
+}
+
+#webpage-stack::before {
+    content: '';
+    position: absolute;
+    width: 100%;    
+    height: 100%;   
+    border-radius: var(--edge-like-border-radius);
+    /* border-top-left-radius: var(--edge-like-border-radius);
+    border-bottom-left-radius: var(--edge-like-border-radius);
+    border-top-right-radius: var(--edge-like-border-radius);
+    border-bottom-right-radius: var(--edge-like-border-radius); */
+    outline: var(--edge-like-border-radius) solid var(--colorAccentBg);
+    z-index: 1;
+    pointer-events: none;
+}
+
+#browser:not(.fullscreen) #panels-container:not(.icons):not(.overlay) {
+    margin-right: calc(var(--edge-like-border-radius) / 4);
+    padding-right: calc(var(--edge-like-border-radius) / 4);
+}
+
+#panels-container:not(.icons):not(.overlay) .panel-group  {
+    border-top-right-radius: var(--edge-like-border-radius);
+    border-bottom-right-radius: var(--edge-like-border-radius);
+    border-right: none;
+}
+
+#panels-container > button.SlideBar {
+    background: var(--colorAccentBg);
+}
+
+.panel-group {
+    transition: border-right 2s ease, width var(--duration) ease-out !important;
+}
+
+.panel-group::before {
+    content: '';
+    position: fixed;
+    width: 100%;
+    height: 100%;   
+    border-top-left-radius: var(--edge-like-border-radius);
+    border-bottom-left-radius: var(--edge-like-border-radius);
+    outline: var(--edge-like-border-radius) solid var(--colorAccentBg);
+    z-index: 1;
+    pointer-events: none;
+}
+
+#panels-container:not(.icons):not(.overlay) .panel-group::before {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 100%;   
+    border-radius: var(--edge-like-border-radius);
+    outline: var(--edge-like-border-radius) solid var(--colorAccentBg);
+    z-index: 1;
+    pointer-events: none;
+}
+
+.StatusInfo {
+    margin-bottom: calc(var(--edge-like-border-radius) / 2);
+    margin-left: calc(var(--edge-like-border-radius) / 2);
+}
+
+.panel-group {
+    margin-bottom: calc(var(--edge-like-border-radius) / 2);
+}
diff --git a/.config/vivaldi/customCSS/notitlebar_withouttabbar.css b/.config/vivaldi/customCSS/notitlebar_withouttabbar.css
new file mode 100644
index 0000000..fd3565f
--- /dev/null
+++ b/.config/vivaldi/customCSS/notitlebar_withouttabbar.css
@@ -0,0 +1,5 @@
+#browser:not(.tabs-top) #header {
+  color: var(--colorFg);
+  background-color: var(--colorBg);
+  display: none;
+}
diff --git a/.config/vivaldi/customCSS/smallmainbar.css b/.config/vivaldi/customCSS/smallmainbar.css
new file mode 100644
index 0000000..97e3ef8
--- /dev/null
+++ b/.config/vivaldi/customCSS/smallmainbar.css
@@ -0,0 +1,4 @@
+#browser.win.address-top .toolbar:has(.window-buttongroup.on-mainbar),
+#browser.linux.address-top .toolbar:has(.window-buttongroup.on-mainbar) {
+  min-height: calc(35px / var(--uiZoomLevel));
+}