API tools faq
paste
fpit

DarkandSimpleVivaldiTheme

fpit
Jun 9th, 2021
314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.69 KB | None | 0 0
raw download clone embed print report
  1. .color-behind-tabs-off .toolbar .profile-popup + .toolbar-extensions .button-toolbar:not(.button-narrow):first-of-type:before,
  2. ::-webkit-scrollbar{
  3. display: none;
  4. }
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12. [class="bookmark-bar default"] [class="observer"]{
  13.  
  14. background-color: #0000 !important;
  15. flex: 0 0 85% !important;
  16. border: none !important;
  17.  
  18. }
  19. [class="bookmark-bar default"]{
  20. height: 45px;
  21. border: none !important;
  22. margin-top: 15px;
  23. padding-bottom: 9px;
  24. box-shadow: 0px 5px 15px -9px #000;
  25. z-index: 1
  26. }
  27. [class="bookmark-bar default"] button{
  28. box-shadow: 0px 0px 0px .5px #515151, 0px 5px 15px -1px #000 !important;
  29. height: fit-content !important;
  30. margin-left: 1% !important;
  31. width: 10%;
  32. border-radius: 150px;
  33. text-align: center
  34. }
  35.  
  36. [class="bookmark-bar default"] button:not(:hover){
  37. filter: brightness(75%)
  38. }
  39.  
  40.  
  41. [class="bookmark-bar default"] button *{
  42. display: inline-block;
  43. text-align: center
  44. }
  45.  
  46.  
  47.  
  48.  
  49. [class="bookmark-bar default"] button img{
  50. border-radius: 150px;
  51. }
  52.  
  53. [class="bookmark-bar default"] button[class="bookmarkbarItem chevron"]{
  54. width: 30px !important;
  55. height: auto !important;
  56. align-items: center !important;
  57. padding-right: 9px;
  58. padding-left: auto;
  59. }
  60.  
  61. [class="bookmark-bar default"]{
  62. align-items: center
  63. }
  64.  
  65.  
  66. .toolbar-mainbar{
  67. border: none !important;
  68. box-shadow: none !important;
  69. }
  70.  
  71. .UrlBar{
  72. margin-top: 13px !important;
  73. }
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. [class="tab-strip"] .tab{
  81. border-radius: 1.5px;
  82. box-shadow: 0px 0px 0px 1px #313131, 0px 5px 15px -1px #000;
  83. margin-right: 5.5px !important;
  84. margin-left: 5.5px !important;
  85. justify-items: center;
  86. padding-left: 0;
  87. padding-right: 0;
  88.  
  89. }
  90.  
  91.  
  92. [class="tab-strip"] .tab:not(:hover) img{
  93.  
  94. }
  95. [class="tab-strip"] [class="thumbnail-image"]{
  96. box-shadow: none !important;
  97. margin: 0 !important;
  98. }
  99.  
  100. [class="tab-strip"]{
  101. padding-top: 9px;
  102.  
  103. }
  104.  
  105.  
  106. [class="button-toolbar newtab"] button[title="Open a New Tab"]::after{
  107. content: "+";
  108. font-size: 55px;
  109. font-family: system-ui;
  110. font-weight: 100;
  111. margin-left: -21px;
  112. margin-bottom: 5px;
  113. /* box-shadow: 0px 0px 15px 5px #000 !important; */
  114.  
  115.  
  116. }
  117.  
  118.  
  119. [class="button-toolbar newtab"] button[title="Open a New Tab"] svg{
  120. opacity: 0
  121. }
  122.  
  123. [class="tab-strip"] .tab.active{
  124. background-color: #0000 !important;
  125. box-shadow: 0px 0px 0px 1px rgb(1, 99, 145) !important;
  126. }
  127.  
  128.  
  129.  
  130. .tab-position .tab .tab-header{
  131. box-shadow: 0px 0px 0px 1px #313131, 0px 5px 15px 1px #000;
  132. z-index: 10 !important;
  133. background-color: #131313;
  134. }
  135.  
  136.  
  137. .tab-position .tab.active .tab-header{
  138. background-color: rgb(1, 99, 145) !important;
  139. color: #000 !important;
  140. box-shadow: 0px 0px 0px 1px #000, 0px 5px 15px 1px #000;
  141.  
  142. }
  143.  
  144. .tab-position .tab.active:hover .tab-header [class="close"]{
  145. background-color: #0000;
  146. }
  147.  
  148. .tab-position .tab .tab-header [class="close"]{
  149. border-radius: 150px;
  150. transform: scale(1.1);
  151. }
  152.  
  153.  
  154.  
  155. .tab-position .tab.active .tab-header span.title{
  156. font-weight: 501;
  157. font-size: 13px;
  158. }
  159.  
  160.  
  161.  
  162. .tabs-bottom .tab-position .tab{
  163. border-bottom-left-radius: 1.5px;
  164. border-bottom-right-radius: 1.5px;
  165. }
  166.  
  167.  
  168.  
  169. /* [title="Open a New Tab"][class="ToolbarButton-Button"]{
  170. transform: translate(15px,-61px) scale(2.5);
  171.  
  172.  
  173. }
  174. [title="Open a New Tab"][class="ToolbarButton-Button"] svg{
  175. opacity: 0 !important;
  176. }
  177.  
  178.  
  179. [title="Open a New Tab"][class="ToolbarButton-Button"]:after{
  180. content: "+";
  181. font-size: 25px;
  182. font-family: system-ui;
  183. font-weight: 100;
  184. margin-left: -25px;
  185. } */
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194. [class="UrlBar-AddressField"]{
  195. flex: 0 0 50%;
  196. margin-left: 1.5vh !important;
  197. height: 47px;
  198. align-content: center;
  199. border: none !important;
  200. box-shadow: 0px 0px 0px 1px #232323, inset 0px 0px 15px -1px #000 !important;
  201. border-radius: 7.5px;
  202. padding-left: 15px;
  203. padding-right: 15px;
  204. margin-top: 3px;
  205. }
  206.  
  207. [class="UrlBar-AddressField"] *{
  208. zoom: 105%
  209. }
  210.  
  211. [class="UrlBar-AddressField"] input{
  212. font-weight: 100;
  213. font-family: Verdana, Geneva, Tahoma, sans-serif
  214. }
  215.  
  216.  
  217. [class="UrlBar-AddressField"] button[title="Show typed history"]{
  218. background-color: #232323 !important;
  219. box-shadow: 0px 0px 0px 1px #313131, 0px 0px 9px 1px #000 !important;
  220. border-radius: 3.5px !important;;
  221. }
  222.  
  223.  
  224. .UrlFragment-Wrapper{
  225.  
  226. white-space: nowrap;
  227. overflow: hidden;
  228. text-overflow: ellipsis;
  229. position: absolute;
  230. max-width: 100%;
  231. color: var(--LowlightColor);
  232. padding: 6px 0 6px 6px;
  233. height: 22px;
  234. line-height: 11px;
  235. font-family: system-ui;
  236. font-weight: 401;
  237. font-size: 13px;
  238.  
  239. }
  240.  
  241.  
  242. .UrlFragment-Wrapper--ShouldHighlight{
  243.  
  244. --HighlightColor: #F03;
  245. --LowlightColor: #777;
  246.  
  247.  
  248. }
  249.  
  250. .UrlBar *{
  251. background-color: #0000 !important;
  252. }
  253.  
  254. .UrlBar{
  255. box-shadow: 0px 10px 9px -3px #000 !important;
  256. padding-top: 11px;
  257. padding-bottom: 15px;
  258. /* border-radius: 0px 5px 5px 0px; */
  259. /* padding-left: 35px !important; */
  260. height: 55px;
  261. /* padding-top: 5px; */
  262. }
  263.  
  264.  
  265.  
  266. .toolbar-mainbar [class="UrlBar-SearchField iconmenu-container SearchField"]{
  267.  
  268. margin-left: auto !important;
  269. margin-right: 0vh;
  270. height: 47px;
  271. border: none !important;
  272. box-shadow: 0px 0px 0px 1px #232323, inset 0px 0px 15px -1px #000 !important;
  273. border-radius: 7.5px;
  274. padding-left: 15px;
  275. padding-right: 15px;
  276. margin-top: 3px;
  277. }
  278.  
  279.  
  280. .toolbar-mainbar [class="toolbar toolbar-droptarget toolbar-mainbar toolbar-large"]{
  281. margin-left: 0 !important;
  282.  
  283. }
  284.  
  285. .toolbar-mainbar [class="toolbar toolbar-droptarget toolbar-mainbar toolbar-large"] button{
  286. margin-right: 1.7vh !important;
  287.  
  288. }
  289.  
  290. .toolbar-mainbar [class="toolbar toolbar-mainbar toolbar-extensions toolbar-large"]{
  291. margin-right: 2.1vh !important;
  292. margin-left: auto
  293. }
  294. .toolbar-mainbar [class="toolbar toolbar-mainbar toolbar-extensions toolbar-large"] button{
  295. margin-right: 1.5vh !important;
  296. border-radius: 150px;
  297. transform: scale(1.1)
  298. }
  299.  
  300.  
  301. .toolbar .profile-popup{
  302. margin-right: 5vh;
  303. transform: scale(1.5);
  304. margin-left: 1vh;
  305. }
  306.  
  307.  
  308.  
  309.  
  310.  
  311. [class="OmniDropdown-Label"]{
  312. opacity: 0
  313. }
  314.  
  315. .OmniDropdown .omni-clickable.OmniLinkItem.OmniLinkItem--SingleValue{
  316. background-color: #0000;
  317. font-weight: 301;
  318. font-family: system-ui;
  319. color: #fff;
  320.  
  321. }
  322.  
  323. .OmniDropdown .omni-clickable.OmniLinkItem.OmniLinkItem--SingleValue:hover{
  324. background-color: #0000;
  325. color: rgb(209, 3, 20);
  326. font-weight: 401;
  327. border-radius: 1.5px;
  328. transform: scale(1.001);
  329. /* box-shadow: 0px 0px 0px .5px rgb(189, 1, 17); */
  330. }
  331.  
  332. .OmniDropdown [class="OmniLinkItem-Favicon"] img{
  333. border-radius: 150px;
  334. transform: scale(.85)
  335. }
  336.  
  337.  
  338. .OmniDropdown .omni-clickable.OmniLinkItem.OmniLinkItem--SingleValue:hover [class="OmniLinkItem-Favicon"] img{
  339. filter: saturate(2) brightness(.5)
  340. }
  341.  
  342.  
  343.  
  344. .OmniDropdown [class="OmniLinkItem-Url"]{
  345. margin-left: 5px;
  346. }
  347.  
  348.  
  349.  
  350.  
  351. /* Quick command menu translucency */
  352. #modal-bg
  353. {
  354. background-color: rgba(0, 0, 0, 0.829);
  355. backdrop-filter: blur(3px);
  356. box-shadow: 0px 0px 25px 5px #000;
  357. top: 0vh !important;
  358. }
  359.  
  360. #modal-bg ::-webkit-scrollbar{
  361. display: none;
  362. }
  363.  
  364.  
  365. /* Sets the background color to any non-selected
  366. * element of the quick command menu to transparent */
  367. #modal-bg *:not([data-selected])
  368. {
  369. background-color: rgba(0, 0, 0, 0)!important;
  370. }
  371.  
  372.  
  373.  
  374.  
  375.  
  376. /* Omnibox drop-down translucency */
  377. .OmniDropdown
  378. {
  379. background: rgba(0, 0, 0, 0.863) !important;
  380. backdrop-filter: blur(15px);
  381. position: absolute;
  382. top: calc(100% + 4px);
  383. left: 0;
  384. right: 0;
  385. z-index: 10;
  386. border-radius: 5px !important;
  387. max-height: 60vh;
  388. overflow-x: hidden;
  389. overflow-y: auto;
  390. box-shadow: 0px 0px 0px .9px rgb(56, 56, 56), 0 10px 15px 1px rgba(0, 0, 0, 0.801) !important;;
  391. color: var(--colorFg);
  392. margin-top: 1px;
  393. line-height: 1.2;
  394. justify-content: center;
  395. }
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402. [class="page-zoom-controls"] input[type="range"]{
  403. height: 1px;
  404. }
  405.  
  406. [class="page-zoom-controls"] input[type=range]::-webkit-slider-thumb{
  407. border-radius: 150px;
  408. border: .5px solid #fff;
  409. box-shadow: 0px 0px 0px 0px rgb(255, 255, 255) !important;
  410. }
  411.  
  412. [class="page-zoom-controls"] input[type=range]:focus::-webkit-slider-thumb{
  413. box-shadow: 0px 0px 0px 0px rgb(255, 255, 255) !important;
  414. border: .5px solid #fff;
  415. transform: scale(1.1)
  416. }
  417.  
  418.  
  419.  
  420. [class="page-zoom-controls"] input[type=range]::-webkit-slider-thumb:hover {
  421. border: .5px solid #fff;
  422. box-shadow: 0px 0px 0px 0px rgb(255, 255, 255) !important;
  423. }
  424. [class="page-zoom-controls"] input[type=range]::-webkit-slider-thumb:active {
  425. background: linear-gradient(var(--colorBg), var(--colorBgDarker));
  426. }
  427. [class="page-zoom-controls"] input[type=range].isblurred::-webkit-slider-thumb,
  428. [class="page-zoom-controls"] input[type=range][disabled]::-webkit-slider-thumb {
  429. opacity: 0.5;
  430. }
  431. [class="page-zoom-controls"] input[type=range]:focus {
  432. box-shadow: none;
  433. }
  434. [class="page-zoom-controls"] input[type=range]:focus::-webkit-slider-thumb {
  435. /* border-color: var(--colorHighlightBg); */
  436. box-shadow: 0px 0px 0px 0px rgb(255, 255, 255) !important;
  437. }
  438.  
  439.  
  440.  
  441.  
  442.  
  443. [class="toolbar toolbar-droptarget toolbar-statusbar toolbar-medium"]{
  444. /* margin-top: 23px; */
  445. backdrop-filter: blur(11px);
  446. background-color: rgba(0, 0, 0, 0.521);
  447. }
  448.  
  449.  
  450. #browser > footer{
  451. background-color: #131313 !important;
  452. /* background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,.7)), url("https://media.giphy.com/media/NHvv0Bo3oGq1eTBDd1/giphy.gif") !important; */
  453. /* background-position: center;
  454. background-size: 2501px 900px; */
  455. }
  456.  
  457. #browser > footer #tabs-tabbar-container{
  458. /* backdrop-filter: blur(5px) !important; */
  459. padding-bottom: 15px;
  460. }
  461.  
  462.  
  463. html, #main{
  464. background-color: var(--colorAccentBg);
  465. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!