Vivaldi theme legacy version
/* global and fixes */
* {
border: 0!important;
box-shadow: none!important;
outline: none!important;
outline-style: none!important;
}
*::selection {
color: #000;
background-color: #fff;
}
}
/* hide fullscreen notification and pic info button */
.overlayinfobubble,
.inspector {
display: none!important;
}
/* starting splash (obsolete, now probably hardcoded) */
body {
background: #000 url()!important;
}
/* tab bar (kinda main section, all others tested with this enabled) */
.tabbar-wrapper {
background: rgba(0,0,0,0)!important;
}
#header {
margin: -19px 0 0 -15px;
background: rgba(0,0,0,0)!important;
width: 99%;
min-height: 0!important;
height: 14px;
overflow: visible;
box-shadow: none!important;
pointer-events: none!important;
z-index: 3;
}
#tabs-tabbar-container,
#tabs-container {
background: none!important;
border: none;
}
#tabs-container {
margin-left: -93px; /* optional: hide few pinned tabs (31px
each by default) */
padding: 0!important;
min-height: 0;
}
.tab-strip {
pointer-events: none!important;
}
.tab-strip span {
pointer-events: auto!important;
}
.tab-position .tab {
background-color: rgba(0,0,0,0.85)!important;
border-radius: 0 0 3px 3px!important;
min-height: 16px!important;
height: 16px!important;
margin-top: 14px;
}
.tab-position .tab .title {
font-size: 12px!important;
margin-top: -11px!important;
}
.tab-header {
padding-top: 0!important;
padding-bottom: 0!important
}
.page-progress-indicator {
top: 15px!important;
}
.audioicon {
margin-top: -4px;
}
.tab {
color: #bbb!important;
}
.tab:hover,
.tab.active {
color: #fff!important;
}
.window-buttongroup,
#tabs-container > div.toolbar.toolbar-tabbar.sync-and-trash-container,
.burger-icon,
.close,
.toolbar > .button-toolbar,
#browser.linux.alt #header .vivaldi,
#titlebar > button {
display: none!important;
}
/* icons fix (testing) */
.tab-position .tab .favicon {
overflow: visible;
width: 8px!important; min-width: 8px!important;
height: 8px!important; min-height: 8px!important;
}
.tab-position .tab.active .favicon {
overflow: visible;
width: 8px!important; min-width: 8px!important;
height: 8px!important; min-height: 8px!important;
border: 0!important;
box-shadow: none!important;
outline: none!important;
margin-top: 5px!important;
}
/* address bar */
.mainbar {
position: absolute;
width: 66%;
z-index: 1!important;
}
.toolbar {
background-color: rgba(0,0,0,0)!important;
top: 10px;
}
.UrlBar-AddressField.button-textonly.below {
border: 0!important;
border-radius: 0 3px 3px 0!important;
background-color: rgba(0,0,0,0.85);
outline: none;
border: none!important;
top: 4px;
margin-left: 0px;
}
.UrlBar-AddressField.button-textonly.below:hover,
.UrlBar-AddressField.button-textonly.below:focus-within {
background-color: rgba(0,0,0,0.85);
}
.address-top .mainbar>.toolbar-mainbar:before {
display: none;
}
/* bookmark bar (auto-hide) */
.bookmark-bar.default {
background-color: rgba(0,0,0,0.55);
position: fixed;
width: 99.5%;
height: 1px;
border-radius: 0 0 3px 0!important;
z-index: 2!important;
opacity: 0;
}
.bookmark-bar.default:hover {
opacity: 1;
height: 35px;
z-index: 4!important;
}
.bookmark-bar button {
background: none!important;
align-items: end;
}
.bookmark-bar button > img,
.bookmark-bar button > svg {
margin-top: 18px!important;
}
/* side panel */
.panel.downloads .tree-row[data-selected][data-nofocus] .DownloadItem-
ProgressBar, .popout.downloads-popout .tree-row[data-selected][data-
nofocus] .DownloadItem-ProgressBar, .DownloadItem-ProgressBar {
background-color: rgba(70,70,70,0.8)!important;
height: 7px;
}
.panel.downloads .DownloadItem-ProgressBar .value, .popout.downloads-
popout .DownloadItem-ProgressBar .value {
background-color: rgba(150,150,150,0.9);
background-image: none;
height: 3px;
margin: 2px;
}
#switch {
display: none;
}
#panels-container {
left: -40px!important;
}
.panel {
padding-left: 0;
padding-right: 0;
}
/* quick commands */
#modal-bg > div {
background-color: rgba(0,0,0,0)!important;
border: 0!important;
}
.quick-command-container .qc-entry {
background-color: rgba(0,0,0,0.7)!important;
}
.quick-command-container .quick-commands {
background-color: rgba(0,0,0,0.8)!important;
}
#modal-bg.qc-modal {
top: 30px;
}
input.quick-command-search,
.quick-command-search-hint {
font-size: 14px!important;
}
.quick-command-container .quick-commands .quick-command-sectionheader,
.quick-command-container .quick-command-search, .quick-command-
container .quick-command-
search-hint {
border-bottom: none;
}
/* express-panel/speeddial/start page */
/* .devtools-container {
background-color: #000;
} */
.sdwrapper .iconmenu-container.SearchField {
background-color: #00000080;
box-shadow: none!important;
border-radius: 4px;
opacity: 0.2;
}
.SpeedDialView-SearchField.iconmenu-container.SearchField:focus-within,
.SpeedDialView-SearchField.iconmenu-container.SearchField:hover {
box-shadow: none!important;
border: none!important;
opacity: 0.8;
}
.SpeedDialView-Settings-Button {
opacity: 0;
}
.speeddial .dial,
.SpeedDial--Thumbnail {
opacity: 0.3!important;
}
.speeddial .dial:hover
,.SpeedDial--Thumbnail:hover {
opacity: 0.9!important;
}
/* widget panel (new express-panel) */
.add-button,
.show-title {
opacity: 0.3;
}
.feed-row,
.email-item,
.widget-config-content {
opacity: 0.6;
}
.add-button:hover,
.show-title:hover,
.feed-row:hover,
.email-item:hover {
opacity: 0.9;
}
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar-thumb {
background: #636363c7!important;
}
/* hide panel's settings and scrollbars (optional) */
.dashboard-widget-header {
opacity: 0;
}
.dashboard-widget-header:hover {
opacity: 0.9;
}
/* extension popup */
.extension-popup {
transform: none!important;
top: 80px!important;
margin: auto;
opacity: 0.8;
}
/* tab tooltips (avaible only if previews enabled) */
#vivaldi-tooltip .active.tooltip-item .thumbnail-caption {
background-color: var(--colorBg);
color: var(--colorFg) !important;
border: 0!important;
}
#vivaldi-tooltip .tab-solo .active.tooltip-item {
background-color: var(--colorBg);
border: 0!important;
}
#vivaldi-tooltip .tooltip-item .thumbnail-caption {
background-color: var(--colorBg);
color: var(--colorFg) !important;
border: 0!important;
}
#vivaldi-tooltip .tooltip-item:hover .thumbnail-caption {
background-color: var(--colorBg);
color: var(--colorFg) !important;
border: 0!important;
}
Комментариев нет:
Отправить комментарий