Auto hide bookmark bar | Vivaldi

PHOTO EMBED

Sun Dec 26 2021 20:56:43 GMT+0000 (Coordinated Universal Time)

Saved by @pirate 

/* Auto hide bookmark bar */
#browser.tabs-top.address-top.bookmark-bar-top .UrlBar,
#browser.tabs-top.address-bottom.bookmark-bar-bottom .UrlBar,
#browser.tabs-top.address-bottom.bookmark-bar-top .UrlBar,
#browser.tabs-bottom.address-top.bookmark-bar-top .UrlBar,
#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .UrlBar {
    z-index: 2;
}

#browser.tabs-top.address-top.bookmark-bar-top .bookmark-bar,
#browser.tabs-top.address-bottom.bookmark-bar-bottom .bookmark-bar,
#browser.tabs-top.address-bottom.bookmark-bar-top .bookmark-bar,
#browser.tabs-bottom.address-top.bookmark-bar-top .bookmark-bar,
#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .bookmark-bar {
    position: absolute !important;
    width: 100%;
    transition: transform 0.2s !important;
    z-index: 1;
}

/* tabs-top address-top bookmark-bar-top */
#browser.tabs-top.address-top.bookmark-bar-top .bookmark-bar {
    top: 34px;
    transform: translateY(-100%);
}

#browser.tabs-top.address-top.bookmark-bar-top .bookmark-bar:hover,
#browser.tabs-top.address-top.bookmark-bar-top .UrlBar:hover ~ .bookmark-bar,
#browser.tabs-top.address-top.bookmark-bar-top #header:hover ~ #main .bookmark-bar {
    transform: translateY(0);
}

/* tabs-top address-bottom bookmark-bar-bottom */
#browser.tabs-top.address-bottom.bookmark-bar-bottom .bookmark-bar {
    bottom: 34px;
    transform: translateY(100%);
}

#browser.tabs-top.address-bottom.bookmark-bar-bottom .bookmark-bar:hover,
#browser.tabs-top.address-bottom.bookmark-bar-bottom .UrlBar:hover ~ .bookmark-bar {
    transform: translateY(0);
}

/* tabs-top address-bottom bookmark-bar-top */
#browser.tabs-top.address-bottom.bookmark-bar-top .bookmark-bar {
    top: 0;
    transform: translateY(-100%);
}

#browser.tabs-top.address-bottom.bookmark-bar-top .bookmark-bar:hover,
#browser.tabs-top.address-bottom.bookmark-bar-top #header:hover ~ #main .bookmark-bar {
    transform: translateY(0);
}

/* tabs-bottom address-top bookmark-bar-top */
#browser.tabs-bottom.address-top.bookmark-bar-top .bookmark-bar {
    top: 34px;
    transform: translateY(-100%);
}

#browser.tabs-bottom.address-top.bookmark-bar-top .bookmark-bar:hover,
#browser.tabs-bottom.address-top.bookmark-bar-top .UrlBar:hover ~ .bookmark-bar {
    transform: translateY(0);
}

/* tabs-bottom address-bottom bookmark-bar-bottom */
#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .bookmark-bar {
    bottom: 64px;
    transform: translateY(100%);
}

#browser.tabs-bottom.address-bottom.bookmark-bar-bottom.stacks-on:not(.tabs-at-edge) .bookmark-bar {
    bottom: calc(64px + var(--padding));
    transform: translateY(100%);
}

#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .bookmark-bar:hover,
#browser.tabs-bottom.address-bottom.bookmark-bar-bottom .UrlBar:hover ~ .bookmark-bar {
    transform: translateY(0);
}

.webpanel-header {
    z-index: 0;
}
content_copyCOPY