Guest User

flat square tabs firefox

a guest
Jul 20th, 2015
357
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.93 KB | None | 0 0
  1. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  2.  
  3.  
  4. #TabsToolbar {
  5.     background: transparent !important;
  6. /*     margin-bottom: 0 !important; */
  7. }
  8.  
  9. #TabsToolbar .arrowscrollbox-scrollbox {
  10.     padding: 0 !important;
  11. }
  12.  
  13. #TabsToolbar .tabbrowser-tabs {
  14.     min-height: 27px !important;
  15.     margin-top: -1px !important;
  16.     margin-left: -1px !important;
  17. }
  18.  
  19.  
  20. #TabsToolbar .tabbrowser-tab {
  21.     -moz-border-top-colors: none !important;
  22.     -moz-border-left-colors: none !important;
  23.     -moz-border-right-colors: none !important;
  24.     -moz-border-bottom-colors: none !important;
  25.     border-style: solid !important;
  26.     border-color: rgba(0,0,0,.2) !important;
  27.     border-width: 1px 0px 0px 1px !important;
  28.     text-shadow: 0 0 4px rgba(255,255,255,.75) ;
  29.     padding: 0px 0px !important;
  30. /*     background: rgba(255,255,255,.45) ; */
  31.     background-clip: padding-box !important;
  32.     transition: all .4s !important;
  33.     margin-left: 0px !important;
  34. }
  35.  
  36. #TabsToolbar .tabs-newtab-button {
  37.     -moz-border-top-colors: none !important;
  38.     -moz-border-left-colors: none !important;
  39.     -moz-border-right-colors: none !important;
  40.     -moz-border-bottom-colors: none !important;
  41.     border-style: solid !important;
  42.     border-color: rgba(0,0,0,.2) !important;
  43.     text-shadow: 0 0 4px rgba(255,255,255,.75) ;
  44.     background: rgba(255,255,255,.20) !important;
  45.     background-clip: padding-box !important;
  46.     transition: all .11s !important;
  47. }
  48.  
  49. #TabsToolbar .tabbrowser-tab[first-tab][last-tab],
  50. #TabsToolbar .tabbrowser-tab[last-visible-tab] {
  51.     border-right-width: 1px !important;
  52. }
  53.  
  54. #TabsToolbar .tabbrowser-tab[afterselected] {
  55.    border-left-color: rgba(0,0,0,.25) ;
  56. }
  57.  
  58. #TabsToolbar .tabbrowser-tab[selected] {
  59.     color: rgba(0,0,0,1) !important;
  60.     background: #FFFFFF ;
  61.     background-clip: padding-box !important;
  62.     border-color: rgba(0,0,0,.25) !important;
  63. }
  64.  
  65. #TabsToolbar .tabs-newtab-button:hover,
  66. #TabsToolbar .tabbrowser-tab:hover:not([selected]) {
  67.     border-color: rgba(0,0,0,.2) !important;
  68.     background-color: rgba(255,255,255,.55) ;
  69. }
  70.  
  71. #TabsToolbar .tab-background {
  72.     margin: 0 !important;
  73.     background: transparent !important;
  74. }
  75.  
  76. #TabsToolbar .tab-background-start,
  77. #TabsToolbar .tab-background-end {
  78.     display: none !important;
  79. }
  80.  
  81. #TabsToolbar .tab-background-middle {
  82.     margin: -4px -2px !important;
  83.     background: transparent !important;
  84. }
  85.  
  86. #TabsToolbar .tabbrowser-tab:after,
  87. #TabsToolbar .tabbrowser-tab:before {
  88.     display: none !important;
  89. }
  90.  
  91. #TabsToolbar .tabs-newtab-button {
  92.     border-width: 1px 1px 0 0px !important;
  93.     margin: 0 !important;
  94.     width: auto !important;
  95.     padding: 0 5px !important;
  96. }
  97.  
  98. #addon-bar,
  99. #PersonalToolbar,
  100. #nav-bar {
  101.     background: #FFFFFF ;
  102.     box-shadow: none !important;
  103.     background-clip: padding-box !important;
  104.     border-color: rgba(0,0,0,.25) !important;
  105.     border-radius: 0 !important;
  106. }
Advertisement
Add Comment
Please, Sign In to add comment