mirror of
https://github.com/Pathduck/pathduck.github.io.git
synced 2026-08-01 00:10:29 -04:00
added vivaldi
This commit is contained in:
Executable
+166
@@ -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;}
|
||||
Executable
+38
@@ -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;
|
||||
}
|
||||
Executable
+71
@@ -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;
|
||||
}
|
||||
Executable
+44
@@ -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 Mar 13 10:35] <a class="EXEC" href="./custom.css">custom.css</a><br>
|
||||
[ 704 Nov 25 2022] <a class="EXEC" href="./find-in-page.css">find-in-page.css</a><br>
|
||||
[2.0K Mar 4 13:31] <a class="EXEC" href="./header.css">header.css</a><br>
|
||||
[1001 Nov 25 2022] <a class="EXEC" href="./speed-dials.css">speed-dials.css</a><br>
|
||||
[ 354 Nov 25 2022] <a class="EXEC" href="./tabcycler.css">tabcycler.css</a><br>
|
||||
<br><br>
|
||||
</p>
|
||||
<p>
|
||||
|
||||
0 directories, 5 files
|
||||
<br><br>
|
||||
</p>
|
||||
</html>
|
||||
Executable
+44
@@ -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;
|
||||
}*/
|
||||
Executable
+19
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user