Advertisement
Guest User

Untitled

a guest
Mar 28th, 2018
403
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.34 KB | None | 0 0
  1. .toolbar {
  2.     height: 38px;
  3. }
  4. .win.normal .toolbar-addressbar, .win.normal .toolbar-mailbar {
  5.     height: 38px;
  6. }
  7.  
  8. .win10.normal #tabs-container.top {
  9.     padding-top: 12px;
  10. }
  11.  
  12. .urlSearch {
  13.     top: 29px;
  14. }
  15. .tab-position .tab .title {
  16.     font-size: 12px;
  17. }
  18.  
  19. .toolbar .button-toolbar {
  20.     height: unset;
  21.     width: 31px;
  22. }
  23.  
  24. .tab:not(.active)::after {
  25.     content: " ";
  26.     position: absolute;
  27.     width: 1px;
  28.     right: 0;
  29.     background-color: #c1c1c1;
  30.     height: 18px;
  31.     top: 9px;
  32.     z-index: -1;
  33. }
  34. .tab:not(.active):hover::after {
  35.     display: none;
  36. }
  37. .toolbar-addressbar .button-toolbar svg, .toolbar-mailbar .button-toolbar svg {
  38.     width: 22px;
  39. }
  40. .addressfield {
  41.     align-items: center;
  42. }
  43. .addressfield, .searchfield {
  44.    
  45. }
  46. .extensions-wrapper {
  47.     align-items: center;
  48. }
  49. .addressfield .addressfield-siteinfo {
  50.     height: 100%;
  51. }
  52. .addressfield .addressfield-siteinfo .siteinfo-text {
  53.     line-height: 1;
  54. }
  55.  
  56. .addressfield form input.url {
  57.     font-size: 14px;
  58. }
  59.  
  60. .addressfield .addressfield-siteinfo .siteinfo-symbol {
  61.     margin-left: 2px;
  62. }
  63.  
  64. /* blend tabs to prevent double borders */
  65. .tabs-top .tab-position .tab, .tabs-bottom .tab-position .tab {
  66.     margin-right: -1px;
  67.    
  68.     /* make tab slightly overlap the tab-separator */
  69.     margin-left: -1px;
  70. }
  71.  
  72. /* grey line between tabs and adress bar */
  73. div#header::after {
  74.     width: 100%;
  75.     height: 1px;
  76.     position: absolute;
  77.     display: block;
  78.     content: " ";
  79.     background-color: var(--colorBorder);
  80.     bottom: 0px;
  81. }
  82.  
  83. /* make pageload indicator fill entire address field */
  84. .addressfield .pageload .pageload-indicator {
  85.     height: 100%;
  86. }
  87. /* center adressfield in center of bar */
  88. .color-behind-tabs-on .addressfield, .color-behind-tabs-on .searchfield {
  89.     height: calc(100% - 8px);
  90. }
  91.  
  92. /* Tab height */
  93. .win10 #tabs-container.top {
  94.     min-height: 34px;
  95. }
  96. /* Tab height */
  97. .tab-position .tab .tab-header {
  98.     flex-basis: 34px;
  99. }
  100.  
  101. .tabs-top .tab-position .tab {
  102.     border: 1px solid var(--colorBorder);
  103.     border-width: 1px 1px 0 1px;
  104. }
  105.  
  106. /* inactive tabs */
  107. .tab-position .tab.tab.tab:not(.active) {
  108.     border-color: transparent;
  109. }
  110. .tab-position .tab:hover:not(.active) {
  111.     border: 1px solid var(--colorBorder) !important;
  112. }
  113.  
  114. .close {
  115.     background: none;
  116. }
  117. .close:hover {
  118.     background-color: rgba(0, 0, 0, 0.04);
  119. }
  120.  
  121. .tab-position .tab .close {
  122.     display: block;
  123. }  
  124.    
  125. span.close::after {}
  126.     content: " ";
  127.     display: block;
  128.     position: absolute;
  129.     background-repeat: no-repeat;
  130.     background-size: 54%;
  131.     background-position: center;
  132.  
  133.     left: 0;
  134.     height: 100%;
  135.     width: 100%;
  136.     background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNv…9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  137. }
  138.  
  139. #tabs-container.background-image .tab:not(.active) .close > svg {
  140.     fill: #8c8c8c;
  141. }
  142.  
  143. #tabs-container .tab.isdiscarded .favicon {
  144.     filter: unset;
  145.     opacity: 1;
  146. }
  147.  
  148. .tab-position .tab.tab.tab:not(.active) {
  149.     color: #505050;
  150. }
  151.  
  152. .isblurred .tab-position .tab .title {
  153.     opacity: 1
  154. }
  155.  
  156.  
  157. .color-behind-tabs-on .addressfield:focus-within,
  158. .color-behind-tabs-on .searchfield:focus-within {
  159.   box-shadow: none;
  160.   border-color: var(--colorBorder) !important;
  161. }
  162. .addressfield:focus-within,
  163. .searchfield:focus-within {
  164.   box-shadow: none;
  165.   border: 1px solid var(--colorBgIntenser);
  166. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement