opera 还处在 presto 独立内核时代时， opera 浏览器美得乱七八糟：




vivaldi 复活，到现在还是个半成品。也没有 wiki 和教程， 摸瞎改的『common.css』。


然后论坛有人说这样不好，会被覆盖掉，就做成了 custom.css，在它的主页HTML文件里添入引用：






效果只能说，一般般吧。

/opt/vivaldi-snapshot/resources/vivaldi/style/ 下：

这是在 4k 屏下，以我的 LCD 调的，没有通用性，不过可以作为参考。

存作 custom.css

/*

去除快速拨号页的『书签』、『历史』这个导航白条儿。

*/

.startpage-navigation {
display: none !important;
}

/*

调整快速拨号略缩图的间距为1象素。

*/

.speeddial {
margin:1px auto 0;
transition: transform 150ms cubic-bezier(0, 0, 0.25, 1), opacity 150ms cubic-bezier(0, 0, 0.25, 1), width 150ms cubic-bezier(0, 0, 0.25, 1);
transform-origin: 50% 100px;
}

/*

调整快速拨号的top位置，压低到40%。

*/

.speeddial .dial {
margin:1px auto 0;
position: absolute;
left: 0;
top: 40%;
}

/*

将快速拨号在默认的前提下再缩放50%，默认的太JB大了。

*/

.dials .dial .thumbnail-image {
display: flex;
flex: 1;
justify-content: center;
min-height: 75px;
min-width: 92px;
background-size: cover;
background-position: 50% 0;
position: relative;
border-radius: var(--radius);
border-width: 0;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.12);
transform: scale(0.5);
transition: transform 150ms linear, box-shadow 150ms linear;
}

/*

调整快速拨号悬停时的突显比例，以免突兀。

*/

.dials .dial .thumbnail-image:focus {
border: 1px var(--colorHighlightBg) solid;
transform: scale(0.6);
filter: contrast(0.6);
}
.dials .dial .thumbnail-image.drop-hover {
transform: scale(0.6);
filter: contrast(0.6);
}

.dials .dial:not(.dragging):hover .thumbnail-image {
transition: none;
transform: scaleX(0.6) scaleY(0.6);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
}



然后在 browser.html 中写入红字部分：

/opt/vivaldi-snapshot/resources/vivaldi/browser.html


        Vivaldi
   
        
  


搞这个飞机时，记得关掉 vivaldi