Custom configuration for Vivaldi

README.md

Custom styling for Vivaldi

I've changed a bit of styling for the Vivaldi web browser to make the interface a bit smaller and focussed around the tab bar.

To find out how to apply these styles, please read the first post on the Vivaldi forum.

Regards,
Bas Dalenoord

custom.css

/* Move the red Vivaldi button to the right of the tab bar, into the area for plugins */
.linux .vivaldi, 
.win .vivaldi 
{
    left: auto;
    right: 0;
    height: 30px;    
    margin-top: 32px;
    z-index: 1;
    margin-right: 3px;
}

/* Change tab position, move them closer to the edge */
#browser.native.linux.normal #tabs-container.top, 
#browser.native.win.normal #tabs-container.top 
{
    padding-top: 0;
}

.linux.normal #tabs-container.top, 
.win.normal #tabs-container.top 
{
    padding-left: 4px;
}

/* Compensate for the Vivaldi button on the right and move the trash down as well */
#tabs-container .trash {
    margin-right: 36px;
    margin-top: 32px;
    z-index: 1;
}
.toolbar.toolbar-addressbar .extensions-wrapper {
    margin-right: 71px;
}