Skip to content

Instantly share code, notes, and snippets.

@nathandaven
Last active December 6, 2021 21:48
Show Gist options
  • Select an option

  • Save nathandaven/1120371bc243422c5642aa2e15608721 to your computer and use it in GitHub Desktop.

Select an option

Save nathandaven/1120371bc243422c5642aa2e15608721 to your computer and use it in GitHub Desktop.
Custom CSS for Vivaldi -- one liner for macOS with side tabs
.address-top:not(.tabs-top):not(.popup):not(.horizontal-menu) #header {
height: 28px;
}
.address-top:not(.tabs-top):not(.popup):not(.horizontal-menu)
#header
#pagetitle {
opacity: 0;
}
.mac.address-top:not(.tabs-top):not(.popup):not(.horizontal-menu)
#header
.window-buttongroup {
top: 5px;
left: 5px;
}
.address-top:not(.tabs-top):not(.horizontal-menu) > #main {
overflow: visible;
}
.address-top:not(.tabs-top):not(.horizontal-menu) > #main > .UrlBar {
height: 10px;
-webkit-app-region: drag;
}
.mac.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .toolbar-droptarget {
padding-left: 70px;
}
.win.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .toolbar-droptarget {
padding-left: 30px;
}
.win.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .toolbar-extensions {
padding-right: 140px;
}
.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .toolbar-mainbar {
pointer-events: none;
background: none;
}
.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .toolbar-mainbar
> * {
pointer-events: auto;
}
@media screen and (max-width: 1000px) {
.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .UrlBar-AddressField {
top: -14px;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1500px) {
.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .UrlBar-AddressField {
top: -14px;
margin-left: 10vw !important;
margin-right: 10vw !important;
}
}
@media screen and (min-width: 1500px) {
.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .UrlBar-AddressField {
top: -14px;
margin-left: 15vw;
margin-right: 15vw;
}
}
.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .UrlBar-AddressField {
top: -14px;
margin-left: 20vw;
margin-right: 20vw;
}
.address-top:not(.tabs-top):not(.horizontal-menu)
> #main
> .UrlBar
> .toolbar-mainbar {
top: -14px;
}
.address-top:not(.tabs-top):not(.horizontal-menu) > #main > .UrlBar > *:after {
opacity: 0;
}
.win.address-top:not(.tabs-top):not(.horizontal-menu) > #main > .UrlBar:after {
height: 0.5px;
}
.OmniDropdown {
background: var(--colorBgAlpha) !important;
backdrop-filter: blur(8px);
}
/* Omnibox drop-down translucency */
.OmniDropdown {
background: var(--colorBgAlpha);
backdrop-filter: blur(10px);
}
/* Quick command menu translucency */
#modal-bg {
background-color: var(--colorBgAlpha);
backdrop-filter: blur(10px);
}
/* Sets the background color to any non-selected
* element of the quick command menu to transparent */
#modal-bg *:not([data-selected]) {
background-color: rgba(0, 0, 0, 0) !important;
}
.button-toolbar.ckvttt29n000r3f5pcltejp9i {
margin-top: -26px;
}
.button-toolbar .ToolbarButton-Button[title="Downloads"] {
margin-top: -26px;
}
.UrlBar-PrivateWindowIndicator {
margin-top: -26px;
padding-right: 16px;
}
.UrlBar .button-toolbar button[title="Update Available"] {
display: none;
}
/* adding line to left tabs */
#tabs-tabbar-container.left {
box-shadow: inset -1px 0 var(--colorBorder);
}
#tabs-tabbar-container.right {
box-shadow: inset 1px 0 var(--colorBorder);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment