added vivaldi

This commit is contained in:
Stian Lund
2023-06-06 18:38:04 +02:00
parent cff5b1dc65
commit bb07058bcb
108 changed files with 9711 additions and 0 deletions
+166
View File
@@ -0,0 +1,166 @@
/* CUSTOM CSS for Vivaldi */
/* Vivaldi logo */
.vivaldi-v, .vivaldi-horizontal-icon {opacity: 1 !important;}
.vivaldi-v svg, .vivaldi-horizontal-icon svg {background: radial-gradient(white, white 50%, transparent 50%); fill: #383838;}
/* Skinnier mainbar */
.mainbar>.toolbar-mainbar,
.mainbar>.toolbar-mainbar .button-toolbar button,
.mainbar>.toolbar-mainbar .toolbar-extensions,
.mainbar>.toolbar-mainbar .toolbar-extensions .button-toolbar button {
height: 30px;
}
/* Skinnier mainbar - fix BookmarkButton focus */
.toolbar-mainbar .UrlBar-AddressField .BookmarkButton button {
height: 100%;
}
/* Skinnier statusbar */
#browser footer .toolbar-statusbar {
height: 20px;
}
#browser footer .toolbar-statusbar button {
height: 20px;
width: 100%;
}
#browser footer .toolbar-statusbar .override.button-icon {
height: 100%;
}
/* SiteInfo V logo */
.SiteInfoButton.internal svg path, .SiteInfoButton.warning svg path {
d: path("M10.4 5c-.4-.8 0-1.8 1-2 .7 0 1.5.4 1.6 1.2a1.4 1.4 0 0 1-.2 1l-4 7c-.3.5-.7.8-1.2.8-.6 0-1-.2-1.3-.7L3.8 7.8 2.2 5c-.5-.8 0-2 1-2 .7 0 1 .2 1.4.7l1 2 1 1.4a2 2 0 0 0 1.7 1.5 2.2 2.2 0 0 0 2.3-2V6c0-.3 0-.6-.2-1z");
}
/* SiteInfo old style lock */
.SiteInfoButton.secure svg path, .SiteInfoButton.certified svg path {
d: path("M12.2 6.7C12.2 4 10.5 2 8 2 5.8 2 3.8 4 3.8 6.7V7H3v7h10V7h-.8v-.3zM10.7 8H5.3V6.7c0-1.7 1.4-3 2.8-3 1.7 0 2.8 1.3 2.8 3V8z");
fill: #00a100;
}
/* SiteInfo secure background colour */
.SiteInfoButton.secure, .SiteInfoButton.certified {
background-color: #004400;
height: 22px;
width: 22px;
}
/* SiteInfo hide EV/Not Secure text */
.SiteInfoButton .siteinfo-text {
display: none;
}
/* Remove panels switch top padding */
#switch {
padding-top: unset;
}
/* Add drop-shadow to some buttons */
#switch button img,
.tab:not(.active) .favicon img,
.OmniLinkItem-Favicon img,
.SiteInfoButton-Favicon,
.item-icon {
filter: drop-shadow(0 0 1px white);
}
/* Hide AddressField stuff */
.UrlBar-AddressField .permission-popup.is-blocking,
.UrlBar-AddressField .UrlBar-UrlObfuscationWarning,
.UrlBar-AddressField .ContentBlocker-Control,
.UrlBar-AddressField .ToolbarButton-Button[title^="Translate"] {
display: none;
}
/* AddressField URL scheme part */
.UrlFragment--Lowlight:first-of-type {
color: var(--colorFgFadedMost);
}
/* AddressField URL host part */
.UrlFragment-HostFragment-Subdomain, .UrlFragment-HostFragment-Basedomain, .UrlFragment-HostFragment-TLD {
color: var(--colorFgIntense) !important;
font-weight: bold;
}
/* Extensions toggle button */
.toolbar-extensions button svg path {
d: path("M10 13l3.634-3.634c.504-.504 1.366-.147 1.366.566v6.137c0 .713-.862 1.07-1.366.566l-3.634-3.634z");
opacity: .5;
}
/* Extensions buttons background */
.ExtensionDropdownIcon, .ExtensionIcon {
background-color: var(--colorAccentBg) !important;
}
/* Toolbar buttons keyboard focus */
.button-toolbar:focus-within, .button-toolbar:hover {
background-color: var(--colorAccentBgDark) !important;
}
/* Address + Search field icons dimmed */
.toolbar-insideinput button {
opacity: 0.5;
}
/* Trashcan dimmed */
.toolbar-tabbar.sync-and-trash-container button {
opacity: 0.3;
}
/* Bookmark button fill colour */
.BookmarkButton .bookmark-animated-fill {
fill: var(--colorAccentBgFaded) !important;
}
/* Bookmark button active opacity */
.BookmarkButton .button-on {
opacity: 1;
}
/* Bookmarks Panel input width */
.addbookmark-cardwrapper {
width: 100%;
}
/* Bookmarks Panel thumbnails hide */
.addbookmark-cardwrapper .preview {
display: none !important;
}
/* Hide Image Properties button */
.webpageview button.inspector {
display: none;
}
/* Unread tabs bold font */
.tab-strip .tab.unread {
font-weight: bold;
}
/* Tab tooltip hide image */
#vivaldi-tooltip .tooltip .tooltip-item .thumbnail-image {
display: none;
}
/* Tab tooltip size */
#vivaldi-tooltip .tooltip .tab-group .tooltip-item {
width: 250px;
height: auto;
}
/* Dim empty UrlField text colour */
.UrlField--IsEmpty {
color: var(--colorFgFadedMost);
}
/* Use Highlight colour for settings selected */
.vivaldi-settings .settings-sidebar .button-category.category-selected {
background-color: var(--colorHighlightBgFaded);
}
/* Hide Extension buttons */
.button-toolbar.extensionId button[title="Spatial Navigation"] {display: none;}
+38
View File
@@ -0,0 +1,38 @@
/* Find-in-page mod */
.find-in-page {
position:absolute;
background-color: var(--colorBg);
border-radius: var(--radius);
max-width: fit-content;
margin: 0 auto;
top: 3px;
right: 0;
left: 0;
z-index:1;
}
/* Find-in-page input wider */
.find-in-page .fip-input-container {
width: 400px;
max-width: unset;
}
/* Find-in-page transparent if not focused */
.find-in-page:not(:focus-within):not(:hover) {
opacity: 0.8;
}
/* Find-in-page background color for no matches */
.find-in-page.fip-nomatches {
background: darkred;
}
/* Find-in-page result numbers clearer */
.find-in-page .fip-results {
opacity: 1 !important;
}
/* Find-in-page no animation */
.fip-active-hit {
display: none;
}
+71
View File
@@ -0,0 +1,71 @@
/* Hide header if tabs not on top */
#browser:not(.tabs-top) #header {
min-height: 0px !important;
}
/* Hide page title (Start Page for some reason shows this) */
#browser:not(.tabs-top):not(.minimal-ui):not(.normal) #pagetitle {
display: none;
}
/* Set mainbar/bookmark-bar l/r padding */
#browser:not(.tabs-top) .toolbar-mainbar,
#browser:not(.tabs-top):not(.address-top):not(.normal) .bookmark-bar {
padding-left: 30px;
padding-right: 130px;
}
/* Bottom border of mainbar */
#browser:not(.tabs-top) .toolbar-mainbar:after {
content: '';
background-color: var(--colorAccentBgDarker);
bottom: 0;
}
/* Make sure buttons are in front */
#browser:not(.tabs-top) .vivaldi,
#browser:not(.tabs-top) .window-buttongroup {
z-index: 10;
}
/* Override V icon size */
#browser:not(.tabs-top) .vivaldi {
width: 34px;
}
#browser:not(.tabs-top) .vivaldi svg {
height: 22px;
width: 22px;
}
/* Hide buttons when all UI hidden */
#browser.address-top-off.bookmark-bar-top-off:not(.tabs-top) .vivaldi,
#browser.address-top-off.bookmark-bar-top-off:not(.tabs-top) .window-buttongroup,
#browser.address-bottom-off.bookmark-bar-top-off:not(.tabs-top) .vivaldi,
#browser.address-bottom-off.bookmark-bar-top-off:not(.tabs-top) .window-buttongroup {
display: none;
}
/* Show buttons on windowed/minimal-ui */
#browser.normal .vivaldi,
#browser.minimal-ui:not(.fullscreen) .vivaldi,
#browser.normal .window-buttongroup,
#browser.minimal-ui .window-buttongroup {
display: initial !important;
}
/* Reset header on windowed/minimal-ui/bottom-UrlBar/horizontal-menu */
#browser.normal #header,
#browser.minimal-ui:not(.fullscreen) #header,
#browser.address-bottom #header,
#browser.horizontal-menu #header {
min-height: calc(25px / var(--uiZoomLevel)) !important;
}
/* Reset header on windowed/minimal-ui/bottom-UrlBar/horizontal-menu */
#browser.normal .toolbar-mainbar,
#browser.minimal-ui .toolbar-mainbar,
#browser.address-bottom .toolbar-mainbar,
#browser.horizontal-menu .toolbar-mainbar {
padding-left: unset;
padding-right: unset;
}
+44
View File
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Author" content="Made by 'tree'">
<meta name="GENERATOR" content="$Version: $ tree v1.7.0 (c) 1996 - 2014 by Steve Baker, Thomas Moore, Francesc Rocher, Florian Sesser, Kyosuke Tokoro $">
<title>CSS</title>
<style type="text/css">
<!--
BODY { font-family : ariel, monospace, sans-serif; }
P { font-weight: normal; font-family : ariel, monospace, sans-serif; color: black; background-color: transparent;}
B { font-weight: normal; color: black; background-color: transparent;}
A:visited { font-weight : normal; text-decoration : none; background-color : transparent; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
A:link { font-weight : normal; text-decoration : none; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
A:hover { color : #000000; font-weight : normal; text-decoration : underline; background-color : yellow; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
A:active { color : #000000; font-weight: normal; background-color : transparent; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
.VERSION { font-size: small; font-family : arial, sans-serif; }
.NORM { color: black; background-color: transparent;}
.FIFO { color: purple; background-color: transparent;}
.CHAR { color: yellow; background-color: transparent;}
.DIR { color: blue; background-color: transparent;}
.BLOCK { color: yellow; background-color: transparent;}
.LINK { color: aqua; background-color: transparent;}
.SOCK { color: fuchsia;background-color: transparent;}
.EXEC { color: green; background-color: transparent;}
-->
</style>
</head>
<body>
<h1>CSS</h1><p>
<a class="NORM" href="..">..</a><br>
[4.2K&nbsp;Mar&nbsp;13&nbsp;10:35]&nbsp;&nbsp;<a class="EXEC" href="./custom.css">custom.css</a><br>
[&nbsp;704&nbsp;Nov&nbsp;25&nbsp;&nbsp;2022]&nbsp;&nbsp;<a class="EXEC" href="./find-in-page.css">find-in-page.css</a><br>
[2.0K&nbsp;Mar&nbsp;&nbsp;4&nbsp;13:31]&nbsp;&nbsp;<a class="EXEC" href="./header.css">header.css</a><br>
[1001&nbsp;Nov&nbsp;25&nbsp;&nbsp;2022]&nbsp;&nbsp;<a class="EXEC" href="./speed-dials.css">speed-dials.css</a><br>
[&nbsp;354&nbsp;Nov&nbsp;25&nbsp;&nbsp;2022]&nbsp;&nbsp;<a class="EXEC" href="./tabcycler.css">tabcycler.css</a><br>
<br><br>
</p>
<p>
0 directories, 5 files
<br><br>
</p>
</html>
+44
View File
@@ -0,0 +1,44 @@
/* Speed Dials Mods */
.SpeedDialView-Head, .SpeedDialView-Head:empty {
margin: 1em auto;
}
/* Settings button focus outline */
.SpeedDialView-Settings-Button:focus {
outline: 2px solid var(--colorHighlightBg);
}
/* Speed Dials search field position (if shown) */
.sdwrapper .iconmenu-container.SearchField {
background: var(--colorBgAlphaHeavy);
}
/* Speed Dials look */
.speeddial .dial {
opacity: 0.8 !important;
transition: opacity 0.2s linear;
background-color: var(--colorBgAlphaHeavy);
}
/* Speed Dials opaque when hovering */
.speeddial .dial:hover, .speeddial .dial:focus {
opacity: 1 !important;
}
/* Speed Dials thumbnail */
.speeddial .dial .thumbnail-image {
padding: 1em;
/* background: rgba(25,25,25,0.4); */
}
/* Speed Dials thumbnail fit container */
.speeddial .dial .thumbnail-image img {
object-fit: contain;
object-position: center;
}
/* Speed Dial background image fit */
/*.startpage {
background-size: 100% 100% !important;
transition: none !important;
}*/
+19
View File
@@ -0,0 +1,19 @@
/* Tabcycler hide image */
.tabswitcher.list img.visual-list-preview {
visibility: collapse;
height: 0;
min-height: 0;
}
/* Tabcycler list */
.tabswitcher.list {
grid-template-columns: 0px 1fr;
grid-gap: unset;
width: 36em;
max-height: 80vh;
}
/* Tabcycler hide scrollbar */
.tabswitcher.list .listed-tabs::-webkit-scrollbar {
display: none;
}