Shadrach

Vivaldi CSS mod

Nov 26th, 2021 (edited)
1,966
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.07 KB | None | 0 0
  1. /* CUSTOM CSS for Vivaldi */
  2.  
  3. /* Speed Dial Mods */
  4. .speeddial {
  5.     margin-top: 1em;
  6. }
  7.  
  8. /* Speed Dial background image fit */
  9. /*.startpage {
  10.     background-size: 100% 100% !important;
  11.     transition: none !important;
  12. }*/
  13.  
  14. /* Speed Dial search field position (if shown) */
  15. .sdwrapper .iconmenu-container.SearchField {
  16.     margin: 1em auto 0;
  17.     background: var(--colorBgAlphaHeavy) !important;
  18. }
  19.  
  20. /* Speed Dials look */
  21. .speeddial .dial {
  22.     transition: opacity 0.2s linear;
  23.     background-color: var(--colorBgAlphaHeavy) !important;
  24.     opacity: 0.8 !important;
  25. }
  26.  
  27. /* Speed Dials opaque when hovering */
  28. .speeddial .dial:hover, .speeddial .dial:focus {
  29.     opacity: 1 !important;
  30. }
  31.  
  32. /* Speed Dial thumbnail */
  33. .speeddial .dial .thumbnail-image {
  34.     /* background: rgba(25,25,25,0.4); */
  35.     border-radius: 1em !important;
  36.     box-shadow: none !important;
  37.     padding: 1em;
  38. }
  39.  
  40. /* Speed Dials thumbnail fit container */
  41. .speeddial .dial .thumbnail-image img {
  42.     object-fit: contain;
  43.     object-position: center;
  44. }
  45.  
  46. /* Find-in-page mod */
  47. .find-in-page {
  48.     position:absolute;
  49.     background-color: var(--colorBg);
  50.     border-radius: var(--radius);
  51.     max-width: fit-content;
  52.     margin: 0 auto;
  53.     top: 3px;
  54.     right: 0;
  55.     left: 0;
  56.     z-index:1;
  57. }
  58.  
  59. /* Find-in-page input wider */
  60. .find-in-page .fip-input-container {
  61.     width: 400px;
  62.     max-width: unset;
  63. }
  64.  
  65. /* Find-in-page transparent if not focused */
  66. .find-in-page:not(:focus-within):not(:hover) {
  67.     opacity: 0.8;
  68. }
  69.  
  70. /* Find-in-page background color for no matches */
  71. .find-in-page.fip-nomatches {
  72.     background: darkred;
  73. }
  74.  
  75. /* Find-in-page result numbers clearer */
  76. .find-in-page .fip-results {
  77.     opacity: 1 !important; 
  78. }
  79.  
  80. /* Find-in-page no animation */
  81. .fip-active-hit {
  82.     display: none;
  83. }
  84.  
  85. /* Extended Validation (EV) certificate hide */
  86. .siteinfo-text {
  87.     display: none;
  88. }
  89.  
  90. /* Security padlock */
  91. .SiteInfoButton.secure, .SiteInfoButton.certified {
  92.     fill: #00a100;
  93.     background-color: #004400;
  94. }
  95.  
  96. /* Security V logo padlock */
  97. .SiteInfoButton.internal svg path, .SiteInfoButton.warning svg path{
  98.     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");
  99. }
  100.  
  101. /* Security blocked content warning hide */
  102. .UrlBar-AddressField .permission-popup.is-blocking {
  103.     display: none;
  104. }
  105.  
  106. /* Content blocker button hide */
  107. .UrlBar-AddressField .ContentBlocker-Control {
  108.     display: none;
  109. }
  110.  
  111. /* Translate button hide */
  112. .UrlBar-AddressField .ToolbarButton-Button[title~="Translate"] {
  113.     display: none;
  114. }
  115.  
  116. /* Extensions buttons background */
  117. .ExtensionIcon.ExtensionIcon--Hidden {
  118.     background-color: unset;
  119. }
  120.  
  121. /* Panels switch buttons */
  122. #switch > button.panelbtn img {
  123.     filter: drop-shadow(0 0 1px white);
  124. }
  125.  
  126. /* Bookmarks Panel input width */
  127. .addbookmark-cardwrapper {
  128.     width: 100%;
  129. }
  130.  
  131. /* Bookmarks Panel thumbnails hide */
  132. .addbookmark-cardwrapper .preview {
  133.     display: none !important;
  134. }
  135.  
  136. /* URL Bar no lowlight */
  137. .UrlFragment-Wrapper {
  138.     color: unset;
  139. }
  140. /* URL Bar scheme part */
  141. .UrlFragment--Lowlight:first-of-type {
  142.     color: var(--colorFgFadedMost);
  143. }
  144.  
  145. /* URL Bar host part  */
  146. .UrlFragment-HostFragment-Subdomain, .UrlFragment-HostFragment-Basedomain, .UrlFragment-HostFragment-TLD {
  147.     color: unset !important;
  148.     font-weight: bold;
  149. }
  150.  
  151. /* Bookmark button fill colour */
  152. .bookmark-animated-fill {
  153.     fill: var(--colorAccentBgFaded) !important;
  154. }
  155.  
  156. /* Address + Search field icons dimmed */
  157. .toolbar-insideinput button {
  158.     opacity: 0.75;
  159. }
  160.  
  161. /* Vivaldi logo old style */
  162. .vivaldi-v {opacity: 1 !important;}
  163. .vivaldi-v svg{background: radial-gradient(white, white 50%, transparent 50%); fill: #383838;}
  164.  
  165. /* Tab tooltip hide image */
  166. #vivaldi-tooltip .tooltip .tooltip-item .thumbnail-image {
  167.   display: none;
  168. }
  169.  
  170. /* Tab tooltip size */
  171. #vivaldi-tooltip .tooltip .tab-group .tooltip-item {
  172.   width: 250px;
  173.   height: auto;
  174. }
  175.  
  176. /* ===== Hide Extension buttons ===== */
  177. /* Spatial Navigation */
  178. .button-toolbar.gogippjaikoijhcdcioeajgpmlmchkba {display: none;}
  179.  
Add Comment
Please, Sign In to add comment