Advertisement
Yaiishi

Melbourne Black (Button)

Dec 2nd, 2014
524
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.09 KB | None | 0 0
  1.  
  2.     @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  3.      
  4.      
  5.     /*remove internal border*/
  6.      
  7.     #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  8.     {
  9.      margin-top:-1px!important;
  10.      margin-left:-1px!important;
  11.      margin-right:-1px!important;
  12.      margin-bottom: -1px !important;
  13.      }
  14.      
  15.      
  16.     /*comment these lines to have normal tab width*/
  17.      
  18.     .tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] {
  19.     min-width: 10px !important;
  20.     max-width: 200px !important;
  21.     }
  22.     /*comment above to have normal tab width*/
  23.      
  24.      
  25.     /* removes ugly cloud thing */
  26.     #TabsToolbar:not(:-moz-lwtheme)::after {display: none;}
  27.     /* Remove the following line if you want the text color of unselected tabs to be black (Firefox default) */
  28.     #TabsToolbar .tabbrowser-tab:not([selected]) {color: rgba(78,78,78,0.9);}
  29.      
  30.     #TabsToolbar {
  31.         background: transparent !important;
  32.         margin-bottom: 0 !important;
  33.     }
  34.      
  35.      
  36.      
  37.     #TabsToolbar .tabbrowser-tabs {
  38.         min-height: 30px !important;
  39.         margin-top: -10px !important;
  40.         margin-bottom: -1px !important;
  41.         text-align: center !important;
  42.         margin-left: -17px !important;
  43.         margin-right: -16px !important;
  44.     }
  45.      
  46.     #tabbrowser-tabs tab .tab-close-button {
  47.         display: none !important;
  48.     }
  49.      
  50.     .tabbrowser-tab:not([pinned]) .tab-icon-image {
  51.     display: none !important;
  52.     }
  53.      
  54.      
  55.     #TabsToolbar .tabbrowser-tab {
  56.         -moz-border-top-colors: none !important;
  57.         -moz-border-left-colors: none !important;
  58.         -moz-border-right-colors: none !important;
  59.         -moz-border-bottom-colors: none !important;
  60.         border-style:  solid !important;
  61.         border-width: 0px 0px 0px 0px !important;
  62.         text-shadow: 0 0 4px rgb(25,25,25) !important;
  63.         padding: 4px 0px !important;
  64.         border-radius: 0px !important;
  65.         background: rgb(32,32,32) !important;
  66.         background-clip: padding-box !important;
  67.         transition: all .1s !important;
  68.         margin-left: 0px !important;
  69.         color: rgb(210,210,210) !important;
  70.         font-family: 'Open Sans' !important;
  71.         font-size: 13px !important;
  72.         border-color: #191919 !important;
  73.     }
  74.      
  75.     #TabsToolbar .tabbrowser-tab[last-visible-tab] {
  76.         border-top-right-radius: 2px !important;
  77.         /*border-bottom-right-radius: 3px !important;*/
  78.         border-right-width: 0px !important;
  79.         margin-right: 1px !important;
  80.         border-right-color: rgba(0,0,0,0) !important;
  81.     }
  82.      
  83.     #TabsToolbar .tabbrowser-tab[first-visible-tab] {
  84.         border-top-left-radius: 2px !important;
  85.         /*border-bottom-left-radius: 3px !important;*/
  86.         border-left-width: 0px !important;
  87.         margin-left: 2px !important;
  88.         border-left-color: rgba(0,0,0,0) !important;
  89.     }
  90.      
  91.     #TabsToolbar .tabbrowser-tab[afterselected] {
  92.     }
  93.      
  94.     #TabsToolbar .tabbrowser-tab[selected] {
  95.         color: rgb(210,210,210) !important;
  96.         background: rgb(25,25,25) !important;
  97.         padding: 0px 0px !important;
  98.     }
  99.      
  100.     #TabsToolbar .tabs-newtab-button:hover,
  101.     #TabsToolbar .tabbrowser-tab:hover:not([selected]) {
  102.         border-color: rgba(0,0,0,0) !important;
  103.         background-color: rgb(27,27,27) !important;
  104.     }
  105.      
  106.     #TabsToolbar .tab-background {
  107.         margin: 0 !important;
  108.         background: transparent !important;
  109.     }
  110.      
  111.     #TabsToolbar .tab-background-start,
  112.     #TabsToolbar .tab-background-end {
  113.         display: none !important;
  114.     }
  115.      
  116.     #TabsToolbar .tab-background-middle {
  117.         margin: -4px -2px !important;
  118.         background: transparent !important;
  119.     }
  120.      
  121.     #TabsToolbar .tabbrowser-tab:after,
  122.     #TabsToolbar .tabbrowser-tab:before {
  123.         display: none !important;
  124.     }
  125.      
  126.     #TabsToolbar .tabs-newtab-button {
  127.         border-width: 1px 1px 0 1px !important;
  128.         margin: 0 !important;
  129.         width: auto !important;
  130.         padding: 0 5px !important;
  131.     }
  132.      
  133.     #addon-bar,
  134.     #PersonalToolbar,
  135.     #nav-bar {
  136.         background: #EAF2FA !important;
  137.         box-shadow: none !important;
  138.         background-clip: padding-box !important;
  139.         border-color: rgba(0,0,0,.25) !important;
  140.         border-radius: 0 !important;
  141.     }
  142.      
  143.     .subviewbutton.panel-subview-footer {
  144.         padding-top: 6px !important;
  145.         padding-bottom: 6px !important;
  146.     }
  147.      
  148.      
  149.     /* URL BAR */
  150.      
  151.     /* remove back/fwd */
  152.      
  153.     #nav-bar  #back-button > .toolbarbutton-icon {
  154.      display: none !important;
  155.     }
  156.      #forward-button {
  157.      display: none !important;
  158.     }
  159.      
  160.     /*styling*/
  161.     #searchbar > .searchbar-textbox,
  162.      
  163.     #urlbar {
  164.      
  165.         border: 1px solid rgb(25,25,25) !important;
  166.         text-align: center !important;;
  167.         background: rgb(25,25,25) !important;
  168.         margin-top: 0px !important;
  169.         margin-left: 5px !important;
  170.         border-radius: 0px;
  171.         padding: 0px !important;
  172.         color: rgb(78,78,78) !important;
  173.         height: 22px;
  174.     }
  175.      
  176.      
  177.     #nav-bar {
  178.         height: 30px;
  179.         background-color: rgb(25,25,25) !important;
  180.         border-bottom: 0px solid #191919 !important;
  181.         border-top: 0px solid #191919 !important;
  182.         margin-bottom: -1px !important;
  183.         margin-top: 1px !important;
  184.         border-left: none !important;
  185.         border-right: none !important;
  186.        margin-right: 1px !important;
  187.         margin-left: 1px !important;
  188.     }
  189.        
  190.       #PanelUI-button, #customization-panel-container,
  191.       #customization-panelWrapper .panel-arrow,
  192.       #ctr_panelui-button,
  193.       #wrapper-ctr_panelui-button {
  194.      
  195.         -moz-box-ordinal-group: 0
  196.      
  197.       }
  198.      
  199.      
  200.     #PanelUI-button {
  201.      
  202.         background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0;
  203.         background: url('http://i.imgur.com/0S0Lr.png') !important;
  204.         background-repeat: no-repeat !important;
  205.         background-position: center !important;
  206.         box-shadow: none !important;
  207.         width: 5px !important;
  208.        /* display: none !important; /*COMMENT THIS LINE FOR A MENU BUTTON*/
  209.       }
  210.     #PanelUI-button .button-icon,
  211.     #PanelUI-button .button-text{
  212.         display: none !important;
  213.     }
  214.     #PanelUI-menu-button {
  215.         opacity: 0 !important;
  216.         width: 5px !important;
  217.         margin-right: -5px !important;
  218.     }
  219.      
  220.      
  221.     #identity-box, #dropmarker-icon, #historydropmarker, #autocomplete-history-dropmarker, #urlbar-history-dropmarker, #dropmarker {
  222.         display: none !important;
  223.     }
  224.      
  225.     #autocomplete-history-dropmarker, #urlbar-history-dropmarker, #urlbar-reload-button {
  226.         display: none !important;
  227.     }
  228.      
  229.     .autocomplete-history-dropmarker.urlbar-history-dropmarker {
  230.         display: none !important;
  231.     }
  232.      
  233.     #plugins-notification-icon, #notification-anchor-icon, #notification-popup-box {
  234.         display: none !important;
  235.        
  236.     }
  237.      
  238.     /* remove tab scrolling */
  239.      
  240.     .scrollbutton-up, .scrollbutton-down, #alltabs-button {
  241.         display: none !important;
  242.     }
  243.      
  244.     /*downloads*/
  245.     #downloads-button {
  246.         background: url('http://i.imgur.com/dxQDPO2.png') !important;
  247.         background-repeat: no-repeat  !important;
  248.         background-position: center !important;
  249.         opacity: 1 !important;
  250.         margin-left: 10px !important;
  251.         margin-right: 10px !important;
  252.         box-shadow: none !important;
  253.         width: 10px !important;
  254.     }
  255.      
  256.     #toolbarbutton-icon .Downloads,
  257.     #downloads-indicator-icon,
  258.     #downloads-indicator-progress-area,
  259.     #downloads-button .button-text {
  260.         display: none !important;
  261.     }
  262.      
  263.     #downloads-indicator-anchor {opacity: 0 !important;}
  264.      
  265.     #downloads-button:hover {
  266.         opacity: 1 !important;
  267.         box-shadow: none !important;
  268.         background: url('http://i.imgur.com/I8kiKbo.png') !important;
  269.         background-repeat: no-repeat !important;
  270.         background-position: center !important;
  271.  
  272.         #plugins-notification-icon{
  273.   width: 0px !important;
  274.   margin-left: -7px !important;
  275.   margin-right: -5px !important;
  276. }
  277.        
  278.         .toolbar .button {
  279.   visibility: none !important;
  280.   height: 0 !important;
  281.   width: 0 !important;
  282.   border-width: 0 !important;
  283. }
  284.         #navigator-toolbox::after {
  285. height: 0px !important;
  286. }
  287.         #browser-border-start, #browser-border-end {
  288.  display: none!important;
  289.  }
  290.        
  291. #nav-bar{
  292. border:none !important;
  293. }
  294.         #main-window:not([chromehidden*="toolbar"])[sizemode="normal"] {
  295. margin-left:-1px!important;
  296. margin-right:-1px!important;
  297. margin-bottom: -1px !important;
  298.            
  299.     }
  300.         #titlebar-buttonbox { display:none!important; }
  301.     }
  302. #window-controls { display:none!important; }
  303. #titlebar-min, #titlebar-max, #titlebar-close
  304. { display: none !important; }
  305.  
  306. /* Add Ons Page - wip*/
  307. #view-port, #addons-page, .status-control-wrapper {
  308.   background-color: #191919 !important;
  309.   border: none !important;
  310. }
  311.  
  312. .addon.addon-view, .category, #nav-header, #categories, #header-search {
  313.     background-color: #191919 !important;
  314. }
  315.  
  316. #header-search, #userstyle-sorting, #userstyle-footer {
  317.     border: none !important;
  318. }
  319.  
  320. .addon.addon-view, .category {
  321.   border-top: 0px !important;
  322.   border-bottom: 0px !important;
  323.    border-color: #e6e6e6 !important;
  324. }
  325.  
  326. .advancedinfo-container, .name-container, .category, .text-link, .details.button-link, #userstyles-note {
  327.   color: #e6e6e6 !important;
  328. }
  329.  
  330. #new-userstyle, #install-from-url,.addon-control, #userstyle-sorting-status, #userstyle-sorting-name, #userstyle-sorting-type, .sorter, #back-btn, #forward-btn, #header-utils-btn {
  331.   background-color: #191919 !important;
  332.   border: none !important;
  333.   color: #e6e6e6 !important;
  334.   box-shadow: none !important;
  335. }
  336.  
  337. #window-controls {
  338.     opacity: 0 !important;
  339. }
  340. #window-controls:hover {
  341.     opacity: 0.4 !important;
  342. }
  343. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement