mirror of
https://github.com/Pathduck/pathduck.github.io.git
synced 2026-06-24 13:09:56 -04:00
Changes to QC tweaks
This commit is contained in:
Stian Lund
@@ -29,11 +29,11 @@
|
||||
<body>
|
||||
<h1>vivaldi</h1><p>
|
||||
<a class="NORM" href="..">..</a><br>
|
||||
[ 0 Feb 16 15:21] <a class="DIR" href="./mods/">mods</a><br>
|
||||
[ 0 Jun 6 18:30] <a class="DIR" href="./panels/">panels</a><br>
|
||||
[ 0 Feb 16 15:21] <a class="DIR" href="./sdthumbs/">sdthumbs</a><br>
|
||||
[ 0 Nov 13 2022] <a class="DIR" href="./user_files/">user_files</a><br>
|
||||
[ 0 Dec 31 16:51] <a class="DIR" href="./userscript/">userscript</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./mods/">mods</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./panels/">panels</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./sdthumbs/">sdthumbs</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./user_files/">user_files</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./userscript/">userscript</a><br>
|
||||
[ 25K Jul 6 2022] <a class="EXEC" href="./keyboard.html">keyboard.html</a><br>
|
||||
<br><br>
|
||||
</p>
|
||||
|
||||
@@ -19,10 +19,10 @@
|
||||
|
||||
/* Skinnier statusbar */
|
||||
#browser footer .toolbar-statusbar {
|
||||
height: 20px;
|
||||
height: 22px;
|
||||
}
|
||||
#browser footer .toolbar-statusbar button {
|
||||
height: 20px;
|
||||
height: 22px;
|
||||
width: 100%;
|
||||
}
|
||||
#browser footer .toolbar-statusbar .override.button-icon {
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Find-in-page background color for no matches */
|
||||
/* Find-in-page background colour for no matches */
|
||||
.find-in-page.fip-nomatches {
|
||||
background: darkred;
|
||||
}
|
||||
@@ -32,7 +32,12 @@
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Find-in-page no animation */
|
||||
/* Find-in-page hit no animation */
|
||||
.fip-active-hit {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Find-in-page hit no page dimming */
|
||||
.find-in-page-wrapper:has(.find-in-page) + .row-wrapper .webpage>webview {
|
||||
filter: unset !important;
|
||||
}
|
||||
@@ -29,16 +29,17 @@
|
||||
<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>
|
||||
[4.2K Jun 4 15:27] <a class="EXEC" href="./custom.css">custom.css</a><br>
|
||||
[ 853 May 17 23:19] <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>
|
||||
[ 934 Jun 7 21:13] <a class="EXEC" href="./quick-command-tweaks.css">quick-command-tweaks.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
|
||||
0 directories, 6 files
|
||||
<br><br>
|
||||
</p>
|
||||
</html>
|
||||
|
||||
31
vivaldi/mods/CSS/quick-command-tweaks.css
Executable file
31
vivaldi/mods/CSS/quick-command-tweaks.css
Executable file
@@ -0,0 +1,31 @@
|
||||
/* QC Placement */
|
||||
.qc-modal {top: 15vh !important;}
|
||||
|
||||
/* QC Width */
|
||||
.quick-command-container, .quick-commands > div {width: 60vw !important;}
|
||||
.quick-commands > div > div {max-width: 100% !important;}
|
||||
|
||||
/* QC Height */
|
||||
.quick-commands > div {height: 60vh !important;}
|
||||
.quick-commands {max-height: 100% !important;}
|
||||
|
||||
/* QC Transparency */
|
||||
.quick-commands, input.quick-command-search-hint {background-color: transparent !important;}
|
||||
|
||||
/* Selected line */
|
||||
.quick-command[data-selected] {background-color: var(--colorHighlightBgAlpha) !important;}
|
||||
|
||||
.qc-modal > div {
|
||||
color: var(--colorFgIntense) !important;
|
||||
background-color: var(--colorBgAlphaBlur) !important;
|
||||
backdrop-filter: var(--backgroundBlur);
|
||||
border: 2px solid var(--colorHighlightBgAlpha);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
/* Hide scrollbar */
|
||||
.qc-modal ::-webkit-scrollbar-track,
|
||||
.qc-modal ::-webkit-scrollbar-thumb,
|
||||
.qc-modal ::-webkit-scrollbar-button {
|
||||
display: none;
|
||||
}
|
||||
@@ -19,17 +19,17 @@
|
||||
|
||||
/* Skinnier statusbar */
|
||||
#browser footer .toolbar-statusbar {
|
||||
height: 20px;
|
||||
height: 22px;
|
||||
}
|
||||
#browser footer .toolbar-statusbar button {
|
||||
height: 19px;
|
||||
height: 22px;
|
||||
width: 100%;
|
||||
}
|
||||
#browser footer .toolbar-statusbar .override.button-icon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* SiteInfo V logo */
|
||||
/* 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");
|
||||
}
|
||||
@@ -74,12 +74,12 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* AddressField URL scheme part */
|
||||
/* AddressField URL scheme part */
|
||||
.UrlFragment--Lowlight:first-of-type {
|
||||
color: var(--colorFgFadedMost);
|
||||
}
|
||||
|
||||
/* AddressField URL host part */
|
||||
/* AddressField URL host part */
|
||||
.UrlFragment-HostFragment-Subdomain, .UrlFragment-HostFragment-Basedomain, .UrlFragment-HostFragment-TLD {
|
||||
color: var(--colorFgIntense) !important;
|
||||
font-weight: bold;
|
||||
|
||||
@@ -29,12 +29,12 @@
|
||||
<body>
|
||||
<h1>mods</h1><p>
|
||||
<a class="NORM" href="..">..</a><br>
|
||||
[ 0 Mar 6 10:15] <a class="DIR" href="./CSS/">CSS</a><br>
|
||||
[ 0 Sep 11 2022] <a class="DIR" href="./JS/">JS</a><br>
|
||||
[4.2K Mar 4 11:16] <a class="EXEC" href="./custom.css">custom.css</a><br>
|
||||
[ 0 Jun 7 21:24] <a class="DIR" href="./CSS/">CSS</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./JS/">JS</a><br>
|
||||
[4.2K Jun 4 15:27] <a class="EXEC" href="./custom.css">custom.css</a><br>
|
||||
[1.2K Sep 13 2022] <a class="EXEC" href="./custom.unused.css">custom.unused.css</a><br>
|
||||
[ 974 Feb 9 2022] <a class="EXEC" href="./quick-command-tweaks.css">quick-command-tweaks.css</a><br>
|
||||
[ 834 Nov 29 2020] <a class="EXEC" href="./window-panel-tweaks.css">window-panel-tweaks.css</a><br>
|
||||
[ 934 Jun 7 21:13] <a class="EXEC" href="./quick-command-tweaks.css">quick-command-tweaks.css</a><br>
|
||||
[ 854 Jun 7 21:18] <a class="EXEC" href="./window-panel-tweaks.css">window-panel-tweaks.css</a><br>
|
||||
<br><br>
|
||||
</p>
|
||||
<p>
|
||||
|
||||
@@ -1,30 +1,31 @@
|
||||
/* QC Height and Width */
|
||||
.qc-modal {top: 20vh !important;}
|
||||
.quick-command-container, .quick-command-container .quick-commands > div {width:60vw !important; }
|
||||
.quick-command-container .quick-commands > div > div {max-width: 100% !important;}
|
||||
.quick-commands {max-height: 100% !important;}
|
||||
.quick-commands > div {height: 60vh !important;}
|
||||
/* QC Placement */
|
||||
.qc-modal {top: 15vh !important;}
|
||||
|
||||
/* QC Width */
|
||||
.quick-command-container, .quick-commands > div {width: 60vw !important;}
|
||||
.quick-commands > div > div {max-width: 100% !important;}
|
||||
|
||||
/* QC Height */
|
||||
.quick-commands > div {height: 60vh !important;}
|
||||
.quick-commands {max-height: 100% !important;}
|
||||
|
||||
/* QC Transparency */
|
||||
.quick-commands, input.quick-command-search-hint {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.quick-commands, input.quick-command-search-hint {background-color: transparent !important;}
|
||||
|
||||
/* Selected line */
|
||||
.quick-command[data-selected] {background-color: var(--colorHighlightBgAlpha) !important;}
|
||||
|
||||
.quick-commands .quick-command[data-selected] {
|
||||
background-color: var(--colorHighlightBgAlpha) !important;
|
||||
}
|
||||
.qc-modal > div {
|
||||
color: var(--colorFgIntense) !important;
|
||||
background-color: var(--colorBgAlphaHeavy) !important;
|
||||
backdrop-filter: blur(5px);
|
||||
color: var(--colorFgIntense) !important;
|
||||
background-color: var(--colorBgAlphaBlur) !important;
|
||||
backdrop-filter: var(--backgroundBlur);
|
||||
border: 2px solid var(--colorHighlightBgAlpha);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
.qc-modal ::-webkit-scrollbar-track, .qc-modal ::-webkit-scrollbar-thumb {
|
||||
background-color: var(--colorBgAlphaHeavier) !important;
|
||||
}
|
||||
|
||||
/* Hide scrollbar */
|
||||
.qc-modal ::-webkit-scrollbar-track,
|
||||
.qc-modal ::-webkit-scrollbar-thumb,
|
||||
.qc-modal ::-webkit-scrollbar-button {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -7,9 +7,23 @@
|
||||
/*#window-panel .tree-row .title.active, #window-panel .tree-row .title.unread {padding: 0 5px;}*/
|
||||
|
||||
/* Active tab */
|
||||
#window-panel .tree-row .title.active:before {content: '\2B24';position: absolute; margin-left: -40px;}
|
||||
#window-panel .tree-row .title.active {background-color: var(--colorAccentBorder); border-radius: var(--radius);}
|
||||
#window-panel .tree-row .title.active:before {
|
||||
content: '\2B24';
|
||||
position: absolute;
|
||||
margin-left: -40px;
|
||||
}
|
||||
#window-panel .tree-row .title.active {
|
||||
background-color: var(--colorAccentBorder);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
/* Unread tabs */
|
||||
#window-panel .tree-row .title.unread:before {content: '\25CB'; position: absolute; margin-left: -40px}
|
||||
#window-panel .tree-row .title.unread {background-color: var(--colorHighlightBgAlpha); border-radius: var(--radius);}
|
||||
#window-panel .tree-row .title.unread:before {
|
||||
content: '\25CB';
|
||||
position: absolute;
|
||||
margin-left: -40px;
|
||||
}
|
||||
#window-panel .tree-row .title.unread {
|
||||
background-color: var(--colorHighlightBgAlpha);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
@@ -29,12 +29,12 @@
|
||||
<body>
|
||||
<h1>panels</h1><p>
|
||||
<a class="NORM" href="..">..</a><br>
|
||||
[ 0 Apr 7 22:23] <a class="DIR" href="./CSS/">CSS</a><br>
|
||||
[ 0 Apr 7 22:23] <a class="DIR" href="./HTML/">HTML</a><br>
|
||||
[ 0 Apr 7 22:23] <a class="DIR" href="./HTTP/">HTTP</a><br>
|
||||
[ 0 Apr 7 22:23] <a class="DIR" href="./JS/">JS</a><br>
|
||||
[ 0 Apr 7 22:24] <a class="DIR" href="./res/">res</a><br>
|
||||
[ 0 Apr 7 22:23] <a class="DIR" href="./unicodeChartsPanel/">unicodeChartsPanel</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./CSS/">CSS</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./HTML/">HTML</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./HTTP/">HTTP</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./JS/">JS</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./res/">res</a><br>
|
||||
[ 0 Jun 6 18:37] <a class="DIR" href="./unicodeChartsPanel/">unicodeChartsPanel</a><br>
|
||||
[ 410 Aug 16 2008] <a class="EXEC" href="./html-chars.css">html-chars.css</a><br>
|
||||
[ 30K Apr 7 22:14] <a class="EXEC" href="./html-chars.html">html-chars.html</a><br>
|
||||
[4.2K Nov 25 2022] <a class="EXEC" href="./html-chars.ico">html-chars.ico</a><br>
|
||||
|
||||
Reference in New Issue
Block a user