Advertisement
Vemund

style.css

Mar 18th, 2025 (edited)
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.91 KB | None | 0 0
  1. /* Increase tab font size */
  2. .tab {
  3.     font-size:16px;
  4. }
  5.  
  6.  
  7. /* Main tabs container, copied from https://forum.vivaldi.net/topic/96664/merge-tabs-and-address-bar/42?lang=en-US&page=3 */
  8. #tabs-tabbar-container {
  9.     margin-left: calc(26vw + 100px);
  10.     margin-right: 135px; /* Adjust to amount of extensions */
  11.     transition: all .75s;
  12.     padding-top: 0 !important;
  13. }
  14.  
  15. #browser:has(.toolbar-mailbar:not(.toolbar-hidden)) #tabs-tabbar-container {
  16.     margin-left: 47rem;
  17.     margin-right: 0;
  18. }
  19.  
  20. .win.normal .tab-group-indicator {
  21.     top: -2px;
  22. }
  23.  
  24. .win.normal #titlebar:not(.tabless) {
  25.     top: -5px;
  26. }
  27.  
  28. .UrlBar-AddressField {
  29.     width: 26vw;
  30.     transition: width .2s ease-in-out, height .2s ease-in-out, box-shadow 0.2s ease-in-out !important;
  31. }
  32.  
  33. /* don't resize on focus
  34. .UrlBar-AddressField:focus-within {
  35.     width: 40vw !important;
  36.     height: 30px;
  37.     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  38. }
  39. */
  40.  
  41. .OmniDropdown {
  42.     margin-top: -3px;
  43. }
  44.  
  45. .mainbar .toolbar-mainbar:not(.toolbar-wrap .toolbar-droptarget) {
  46.     position: absolute;
  47.     top: 0;
  48.     left: 34px !important;
  49.     height: 30px;
  50.     border-radius: 10px;
  51. }
  52.  
  53. .mainbar .toolbar-mainbar {
  54.     border-bottom: none !important;
  55. }
  56.  
  57. .mainbar .toolbar-mainbar::before, .mainbar .toolbar-extensions::before {
  58.     display: none;
  59. }
  60.  
  61. .win.normal .mainbar .toolbar-mainbar {
  62.     left: unset;
  63.     right: unset;
  64. }
  65.  
  66. .mainbar .toolbar-mailbar {
  67.     width: 45rem;
  68. }
  69.  
  70. .toolbar-mailbar .button-toolbar[title*="Seite"] {
  71.     display: none;
  72. }
  73.  
  74. /* Adjust extension position */
  75. .toolbar-extensions {
  76.     position: absolute !important;
  77.     transform: translate(-100%);
  78.     left: calc(100vw - 185px) !important;
  79.     height: 30px !important;
  80.     right: unset !important;
  81. }
  82.  
  83. .window-buttongroup {
  84.     height: 35px;
  85. }
  86.  
  87. #browser:not(.is-settingspage) #main {
  88.     position: unset;
  89. }
  90.  
  91. #browser:not(.fullscreen) #header {
  92.     height: 30px;
  93.     min-height: unset !important;
  94. }
  95.  
  96. .vivaldi {
  97.     height: 34px;
  98.     max-height: 34px;
  99.     width: 34px;
  100.     margin-top: 3px;
  101.     border-radius: var(--radius) !important;
  102. }
  103.  
  104. .vivaldi:hover{
  105.     background-color: var(--colorAccentBgDark) !important;
  106. }
  107.  
  108. .vivaldi .expand-arrow {
  109.     display: none;
  110. }
  111.  
  112. #browser.popup #header {
  113.     height: 35px !important;
  114. }
  115.  
  116. #browser.popup .UrlBar-AddressField {
  117.     background-color: var(--colorBgLightIntense);
  118. }
  119.  
  120. #browser.popup #pagetitle {
  121.     margin-left: 45vw !important;
  122.     padding: 10px 0 0 0 !important;
  123.     max-width: calc(55vw - 220px) !important;
  124. }
  125.  
  126. #browser.popup .toolbar-mainbar {
  127.     left: 10px !important;
  128. }
  129.  
  130. #browser.popup .UrlBar-AddressField, #browser.popu .UrlBar-AddressField:focus-within {
  131.     width: 40vw !important;
  132. }
  133.  
  134. #browser.popup .window-buttongroup button {
  135.     height: 35px !important;
  136. }
  137.  
  138. #browser.popup .toolbar-extensions {
  139.     left: calc(100vw - 190px) !important;
  140. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement