Vivaldi Configurations

hidetab.css

/*Vertical tab bar auto-hide*/
#tabs-container{
 width: 5px !important;
}
#tabs-container:hover{
 width: 220px !important;
}
/*Tab bar is an overlay instead of resizing the page*/
#main .inner {
 position: relative;
}
#tabs-container {
 position: absolute !important;
 z-index: 25;
 height: 100%;
}
#tabs-container.right {
 right: 0;
}
#tabs-container.right .trash{
 margin-right: 0px;
}
#tabs-container.right {
 border-left-width: 0px;
}
.tab-position .tab.active {
 filter: grayscale(0%) !important;
 background-color: orange;
 
}
/* automate addressbar */
.address-top .toolbar-addressbar {position:absolute; left:0; right:0; top:0; transition: top 0s 0s !important;}
.address-top #header:not(:hover) ~ #main .toolbar-addressbar:not(:focus-within):not(:hover) {top:-34px; transition: top .1s linear .7s !important;}

panel-hide.css

#panels {overflow:visible;}
:not(.resizing)#panels-container.overlay .panel-group {transition: width .1s linear !important;}
#panels-container.overlay {width:0 !important;}
#panels-container.right.overlay > .fullheight.alternate, #panels-container.right.icons:not(.overlay) {margin-left:-34px;}
#panels-container.left.overlay > .fullheight.alternate, #panels-container.left.icons:not(.overlay) {margin-right: -34px;}
#panels-container #switch {z-index:1; max-width: 34px; height: 100%; top:0;}
#panels-container.icons:not(:hover) #switch {opacity:0; max-width:8px; height:100%; top: 0; transition: .1s .9s, opacity 0s 1s !important;}