API tools faq
paste
Guest User

Untitled

a guest
Aug 30th, 2019
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.09 KB | None | 0 0
raw download clone embed print report
  1. .address-top .toolbar-mainbar:after {
  2.     height: unset;
  3. }
  4. .address-bottom .toolbar-mainbar {
  5.     box-shadow: unset;
  6. }
  7.  
  8. .bookmark-bar {
  9.     background-color: var(--colorAccentBg);
  10.     height: 35px;
  11. }
  12. .color-behind-tabs-off .bookmark-bar button {
  13.     background-color: var(--colorAccentBg);
  14. }
  15.  
  16. .color-behind-tabs-on .bookmark-bar {
  17.     background-color: var(--colorBg)
  18. }
  19. .color-behind-tabs-on .bookmark-bar button {
  20.     background-color: var(--colorBg);
  21. }
  22.  
  23.  
  24. #main > div.bookmark-bar.default > div > button:nth-child(n+0) > svg > g > path {
  25.     fill-opacity: 0;
  26. }
  27.  
  28. .startpage {
  29. }
  30.  
  31.  
  32. [title~='https://messenger.com/'] > img {content: url("messenger.png");}
  33.  
  34. [title~='https://web.telegram.org/'] > img {content: url("telegram.png");}
  35.  
  36. [title~='https://www.reddit.com/r/all/'] > img {content: url("reddit.png");}
  37.  
  38.  
  39.  
  40. .button-badge {
  41.     position: absolute;
  42.     border: 1px solid rgba(0, 0, 0, 0.1);
  43.     font-size: 10px;
  44.     display: flex;
  45.     text-rendering: geometricPrecision;
  46.     -webkit-font-smoothing: antialiased;
  47.     font-variant-numeric: tabular-nums;
  48.     justify-content: center;
  49.     align-items: center;
  50.     height: 14px;
  51.     min-width: 14px;
  52.     padding-left: 2px;
  53.     padding-right: 2px;
  54.     font-weight: 700;
  55.     background-color: #ff3b30;
  56.     color: var(--colorHighlightFg);
  57.     border-radius: var(--radiusRound);
  58.     pointer-events: none;
  59.     top: 5%;
  60.     right: 5%;
  61.     max-width: 32px;
  62.     white-space: nowrap;
  63.     overflow: hidden;
  64.     text-overflow: ellipsis;
  65. }
  66.  
  67.  
  68. .color-behind-tabs-on .bookmark-bar button {
  69.     background-color: var(--colorBg);
  70.     margin-bottom: 3px;
  71. }
  72.  
  73.  
  74.     ._3058 ._15gf ._3duc {
  75.         max-width: 500px !important;
  76.     }
  77.    
  78.    
  79.     @media screen and (max-width: 450px) {
  80. ._z4_ {
  81.     overflow: hidden;
  82. }
  83. ._4u-c {
  84.     transition: height 0.3s ease;
  85. }
  86. ._4sp8 {
  87.     min-width: 350px !important;
  88. }
  89. ._1z8r {
  90.     padding: 4px 0 !important;
  91.     float: right !important;
  92.     clear: right !important;
  93. }
  94. ._1z8q {
  95.     display: block !important;
  96.     font-size: 30px !important;
  97.     float: left;
  98.     padding: 7px 5px;
  99. }
  100. ._4owc ._53ij {
  101.     width: 40px !important;
  102.     height: 290px !important;
  103. }
  104. ._2u_d {
  105.     transform: translate(5%, -50%) !important;
  106.     max-width: 40px;
  107. }
  108. ._nd_ ._2u_d {
  109.     transform: translate(-105%, -50%) !important;
  110.     max-width: 40px;
  111. }
  112. ._59s7 {
  113.     width: 360px !important;
  114. }
  115. ._3-8x {
  116.     margin-top: 0px !important;
  117. }
  118. ._39bj {
  119.     display: inline-block !important;
  120. }
  121. ._2swd._kmc {
  122.     margin-bottom: -9px;
  123. }
  124. ._5irm {
  125.     display: block;
  126.     flex-direction: row;
  127.     margin: 0 8px 0 12px;
  128.     position: relative;
  129. }
  130. ._kmc {
  131.     overflow-x: hidden;
  132.     overflow-y: auto;
  133.     margin-right: -8px;
  134.     padding: 9px 9px 9px 0 !important;
  135. }
  136. ._4_j5 {
  137.     max-width: 250px;
  138.     position: fixed;
  139.     background-color: white;
  140.     z-index: 300;
  141.     opacity: 0.91;
  142. }
  143. ._40fu {
  144.     transform: rotate(270deg) translate(2%, -131%) !important;
  145. }  
  146. ._nd_ ._2u_d {
  147.     transform: translate(-100%, -110%) !important;
  148. }
  149. ._2u_d {
  150.     flex-direction: row-reverse;
  151.     transform: translate(-100%, 0) !important;
  152. }
  153. ._5zvq {
  154.     transform: rotate(90deg);
  155. }
  156. ._2rvp {
  157.     transform: rotate(90deg);
  158. }  
  159. ._2u_d :nth-child(2) {
  160.     margin: 0 0px !important;
  161. }
  162. ._2t5t {
  163.     transform: rotate(90deg);
  164. }
  165. ._55q {
  166.     max-width: 82%;
  167. }
  168. }
  169.  
  170. /* Delete the code below if you don't want small user icons.*/
  171.  
  172. @media screen and (max-width: 450px) {
  173. ._4u-c {
  174.     overflow:hidden;
  175. }
  176. ._1enh {
  177.     flex-basis: 55px;
  178.     min-width: 50px;
  179.     max-width: 77px;
  180. }    
  181. div .uiScrollableAreaContent>div[role="navigation"]{
  182.     transform: scale(0.75) translateX(-24%) translateY(-16.7%) !important;
  183.     width: 77px;
  184. }    
  185. ._2oc8 {
  186.     transform: scale(0.7);
  187. }
  188. }
  189.  
  190. #switch button.webviewbtn img {
  191.     background-color: transparent;
  192.     padding: 2px;
  193.     border-radius: 2px;
  194.     width: 29px;
  195.     height: 29px;
  196. }
  197.  
  198.  
  199.  
  200. .bookmark-bar-top .bookmark-bar {
  201.     border-bottom-width: 1px;
  202. }
  203.  
  204. #browser, #browser + div, #browser + div + div {
  205.     font-weight: 390;
  206. }
  207.  
  208. #switch .addwebpanel-wrapper > button svg, #switch > button svg {
  209.     width: 32px;
  210.     height: auto;
  211.     padding-top: 2px;
  212.     transition: transform 0.2s;
  213. }
  214.  
  215. #switch {
  216.     background-color: #e6eef5;
  217.     flex: 0 0 40px;
  218. }
  219.  
  220. .color-behind-tabs-on .bookmark-bar {
  221.     border-color: #e6eef5;
  222.  
  223. }
  224.  
  225. #panels-container.left #switch {
  226.     box-shadow: inset 1px 0 #e6eef5;
  227. }
  228.  
  229.  
  230. #switch .addwebpanel-wrapper > button, #switch > button {
  231.     flex: 0 0 auto;
  232.     width: 34px;
  233.     height: 34px;
  234.     border: 0;
  235.     border-radius: 0;
  236.     background-color: transparent;
  237.     box-shadow: none;
  238.     position: relative;
  239.     padding-left: 0;
  240.     padding-right: 0;
  241.     padding-bottom: 0px;
  242.     color: var(--colorFgFaded);
  243.     fill: var(--colorFgFaded);
  244.     border-top: 1px solid transparent;
  245.     border-bottom: 1px solid transparent;
  246.     margin-top: 15px;
  247.     margin-left: 3px;
  248. }
  249.  
  250. #switch .addwebpanel-wrapper > button:hover:not(.active),
  251. #switch > button:hover:not(.active),
  252. #switch .addwebpanel-wrapper > button:focus:not(.active),
  253. #switch > button:focus:not(.active),
  254. #switch .addwebpanel-wrapper > button:active:not(.active),
  255. #switch > button:active:not(.active) {
  256.     background-color: #e6eef5;
  257.     transform: scale(1.2);
  258.     transition: all 0.1s ease-in-out;
  259. }
  260.  
  261. .left #switch .addwebpanel-wrapper > button:hover:not(.active),
  262. .left #switch > button:hover:not(.active),
  263. .left #switch .addwebpanel-wrapper > button:focus:not(.active),
  264. .left #switch > button:focus:not(.active),
  265. .left #switch .addwebpanel-wrapper > button:active:not(.active),
  266. .left #switch > button:active:not(.active) {
  267.   box-shadow: none;
  268. }
  269.  
  270. .toolbar-mainbar > .button-toolbar > button > svg:first-child, .toolbar-mainbar > .toolbar-group > .button-toolbar > button > svg:first-child, .toolbar-mainbar > .button-toolbar > button > img:first-child, .toolbar-mainbar > .toolbar-group > .button-toolbar > button > img:first-child {
  271.     flex: 0 1 26px;
  272.     height: 23px;
  273. }
  274.  
  275. .toolbar-mainbar > .button-toolbar > button > svg:first-child, .toolbar-mainbar > .toolbar-group > .button-toolbar > button > svg:first-child, .toolbar-mainbar > .button-toolbar > button > img:first-child, .toolbar-mainbar > .toolbar-group > .button-toolbar > button > img:first-child {
  276.     flex: 0 1 26px;
  277.     height: auto;
  278. }
  279.  
  280. .button-toolbar.toggle-trash svg path {
  281.     d: path('M 6 8 h14 v2 h-14 Z M 6 12 h14 v2 h-14 Z M 9 16 h8 v2 h-8 Z');
  282.     transform: translate(-22%, -10%) !important;
  283. }
  284.  
  285. .synced-tabs-button {display: none;}
  286.  
  287. .button-tabbar.toggle-trash svg g path { d: path('M 6 8 h14 v2 h-14 Z M 6 12 h14 v2 h-14 Z M 9 16 h8 v2 h-8 Z'); } .button-tabbar.toggle-trash svg g { transform: translate(0px, 0px) !important; }
  288. }
  289.  
  290. .toolbar-mainbar > .button-toolbar > button, .toolbar-mainbar > .toolbar-group > .button-toolbar > button {
  291.     display: inline-flex;
  292.     align-items: center;
  293.     background-color: transparent;
  294.     background-repeat: no-repeat;
  295.     background-position: 50% 50%;
  296.     border: 0 solid rgba(0, 0, 0, 0);
  297.     border-radius: 0;
  298.     min-width: 34px;
  299.     color: inherit;
  300.     padding: 0;
  301.     height: 35px;
  302.     border-style: unset;
  303.     justify-content: center;
  304. }
  305.  
  306. .addressfield, .searchfield {
  307.     border: 0px;
  308. }
  309.  
  310. .SiteInfoButton {
  311.     height: 24px;
  312. }
  313.  
  314. .toolbar-mainbar > .button-toolbar > button, .toolbar-mainbar > .toolbar-group > .button-toolbar > button {
  315.     opacity: 0.8;
  316. }
  317.  
  318.  
  319. .toolbar-tabbar > .button-toolbar > button, .toolbar-tabbar > .toolbar-group > .button-toolbar > button {
  320.     opacity: 0.5;
  321. }
  322.  
  323. .isblurred .tab-position .tab .title {
  324.     opacity: 0.6;
  325. }
  326.  
  327. #switch .addwebpanel-wrapper > button.preferences, #switch > button.preferences {
  328.     display: none;
  329. }
  330.  
  331. .color-behind-tabs-on .vivaldi span.vivaldi-v, .color-behind-tabs-on .vivaldi span.burger-icon {
  332.     opacity: 0.6;
  333. }
  334.  
  335. .tab-position .tab .title {
  336.     display: flex;
  337.     flex: 1;
  338.     align-items: center;
  339.     margin-right: 3px;
  340.     margin-left: 6px;
  341.     overflow: hidden;
  342.     white-space: nowrap;
  343.     line-height: 13px;
  344.     -webkit-mask-image: -webkit-linear-gradient(180deg, transparent 0, #fff 12px);
  345.     -webkit-mask-position: top right;
  346.     margin-top: 5px;
  347. }
  348.  
  349. #tabs-container {
  350.     height: 32px !important;
  351. }
  352.  
  353. .tab-position .tab .favicon {
  354.     margin-top: 1px;
  355. }
  356.  
  357. .tabs-top.tabs-at-edge.fullscreen .vivaldi, .tabs-top.tabs-at-edge.maximized .vivaldi {
  358.     padding: 0;
  359.     height: 32px;
  360. }
  361.  
  362. #panels-container {
  363.     width: 40px !important;
  364. }
  365.  
  366. .panel-group {
  367.     left: 40px !important;
  368. }
  369.  
  370. #switch .addwebpanel-wrapper > button.active, #switch > button.active {
  371.     background-color: transparent;
  372.     color: transparent;
  373.     border-color: transparent;
  374.     position: relative;
  375.     /* height: auto; */
  376.     /* filter: drop-shadow(0 0 0.15rem red); */
  377.     /* animation: shadow-pulse 1s 3; */
  378.     /* animation: shadow-pulse 1s infinite; */
  379. }
  380.  
  381. #switch .addwebpanel-wrapper > button.active:focus,
  382. #switch > button.active:focus {
  383.   background-color: transparent;
  384. }
  385.  
  386. .button-toolbar.newtab svg path {
  387.     d: path('M12 14H9C8.44772 14 8 13.5523 8 13V13C8 12.4477 8.44772 12 9 12H12V9C12 8.44772 12.4477 8 13 8V8C13.5523 8 14 8.44772 14 9V12H17C17.5523 12 18 12.4477 18 13V13C18 13.5523 17.5523 14 17 14H14V17C14 17.5523 13.5523 18 13 18V18C12.4477 18 12 17.5523 12 17V14Z');
  388. }
  389.  
  390. .close {
  391.   -webkit-appearance: none;
  392.   width: 16px;
  393.   height: 16px;
  394.   border: 0;
  395.   border-radius: var(--radiusRounded);
  396.   background-color: rgba(0, 0, 0, 0.08);
  397.   opacity: 0.6;
  398.   padding: 0;
  399.   margin-top: 2px;
  400. }
  401. .close:hover {
  402.   background-color: rgba(0, 0, 0, 0.1);
  403.   opacity: 1;
  404. }
  405. .close:active {
  406.   background-color: rgba(0, 0, 0, 0.2);
  407. }
  408.  
  409. #panels-container.left #switch {
  410.     box-shadow: inset -25px 0px 15px -25px #d4dce3;
  411. }
  412.  
  413. .toolbar-mainbar > .button-toolbar > button, .toolbar-mainbar > .toolbar-group > .button-toolbar > button {
  414.     display: inline-flex;
  415.     align-items: center;
  416.     background-color: transparent;
  417.     background-repeat: no-repeat;
  418.     background-position: 50% 50%;
  419.     border: 0 solid rgba(0, 0, 0, 0);
  420.     border-radius: 0;
  421.     min-width: 37px;
  422.     color: inherit;
  423.     padding: 0;
  424.     height: 38px;
  425.     border-style: unset;
  426.     justify-content: center;
  427. }
  428.  
  429. .toolbar.toolbar-noflex {
  430.     flex-shrink: 0;
  431.     transform: scale(0.9);
  432. }
  433.  
  434. .color-behind-tabs-on .bookmark-bar button {
  435.     transition: all 0.09s ease-in-out;
  436. }
  437.  
  438. .color-behind-tabs-on .bookmark-bar button:hover:not(.menubar),
  439. .color-behind-tabs-on .bookmark-bar button.menuOpen {
  440.     background-color: #dfe8f0;
  441. }
  442.  
  443. .button-toolbar.newtab {
  444.     top: 0px !important;
  445.     width: 32px !important;
  446.     height: 32px !important;
  447.     padding-top: -2px !important;
  448. }
  449.  
  450. .toolbar-tabbar > .button-toolbar > button, .toolbar-tabbar > .toolbar-group > .button-toolbar > button {
  451.     min-height: 32px;
  452. }
  453.  
  454. .toolbar-mainbar > .button-toolbar > button:hover,
  455. .toolbar-mainbar > .toolbar-group > .button-toolbar > button:hover,
  456. .toolbar-mainbar > .button-toolbar > button:active,
  457. .toolbar-mainbar > .toolbar-group > .button-toolbar > button:active {
  458.   transform: scale(1.1);
  459.   transition: all 0.07s ease-in;
  460.   fill: var(--colorHighlightBg);
  461. }
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!