diff --git a/stylish/dwbify.css b/stylish/dwbify.css new file mode 100644 index 0000000..baeb37c --- /dev/null +++ b/stylish/dwbify.css @@ -0,0 +1,258 @@ +@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); + +/*tab-width*/ +.tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] { + min-width: 10px !important; + max-width: 100% !important; +} +/*comment above to have normal tab width*/ + + +/*remove shitty fog*/ +#TabsToolbar:not(:-moz-lwtheme)::after {display: none;} +/* Remove the following line if you want the text color of unselected tabs to be black (Firefox default) */ +#TabsToolbar .tabbrowser-tab:not([selected]) {color: rgba(255,255,255,0.9);} + +/*remove internal border*/ +#main-window:not([chromehidden*="toolbar"])[sizemode="normal"]{ + margin-top: -1px!important; + margin-left: -1px!important; + margin-right: -1px!important; + margin-bottom: -1px !important; +} + +#TabsToolbar { + background: #252525 !important; + border: none !important; +} + +#TabsToolbar .tabbrowser-tabs { + min-height: 18px !important; + margin-top: 0px !important; + margin-bottom: 0px !important; + text-align: center !important; + margin-left: -15px !important; + margin-right: -15px !important; +} + +#tabbrowser-tabs tab .tab-close-button { + display: none !important; +} + +.tabbrowser-tab:not([pinned]) .tab-icon-image { + display: none !important; +} + +#TabsToolbar .tabbrowser-tab { + -moz-border-top-colors: none !important; + -moz-border-left-colors: none !important; + -moz-border-right-colors: none !important; + -moz-border-bottom-colors: none !important; + padding: 6px 0px !important; + border-radius: 0px !important; + background: #252525 !important; + background-clip: padding-box !important; + transition: all .1s !important; + margin-left: 0px !important; + color: rgb(100,100,100) !important; + font-family: 'Meslo LG S DZ' !important; + font-size: 12px !important; + height: 14px !important; +} + +#TabsToolbar .tabs-newtab-button { + -moz-border-top-colors: none !important; + -moz-border-left-colors: none !important; + -moz-border-right-colors: none !important; + -moz-border-bottom-colors: none !important; + border: none !important; + text-shadow: 0 0 4px rgba(255,255,255,0) !important; + background: #252525 !important; + background-clip: padding-box !important; + transition: all .1s !important; +} + +#TabsToolbar .tabbrowser-tab[selected] { + color: #f8f8f2 !important; + background: #800 !important; + background-clip: padding-box !important; +} + +#TabsToolbar .tabbrowser-tab:only-child { + background: #252525 !important; +} + +#TabsToolbar .tabs-newtab-button:hover, +#TabsToolbar .tabbrowser-tab:hover:not([selected]) { + background-color: rgba(80,101,140,.4) !important; + color: rgb(251,251,251) !important; +} + +#TabsToolbar .tab-background { + margin: 0 !important; + background: transparent !important; +} + +#TabsToolbar .tab-background-start, +#TabsToolbar .tab-background-end { + display: none !important; +} + +#TabsToolbar .tab-background-middle { + margin: -4px -2px !important; + background: transparent !important; +} + +#TabsToolbar .tabbrowser-tab:after, +#TabsToolbar .tabbrowser-tab:before { + display: none !important; +} + +#TabsToolbar .tabs-newtab-button { + border-width: 1px 1px 0 1px !important; + margin: 0 !important; + width: auto !important; + padding: 0 5px !important; +} + +#PersonalToolbar, +#addon-bar, +#nav-bar { + background: #252525 !important; + border: none !important; + box-shadow: none !important; + border-color: #252525 !important; + border-radius: 0 !important; +} +.subviewbutton.panel-subview-footer { + padding-top: 6px !important; + padding-bottom: 6px !important; +} + + +/* URL BAR */ + +/* remove back/fwd */ + +#nav-bar #back-button > .toolbarbutton-icon { + display: none !important; +} +#forward-button { + display: none !important; +} + +/*styling*/ +#searchbar > .searchbar-textbox, +#urlbar { + border: none !important; + text-align: left; + background: #252525 !important; + margin-top: 0px !important; + margin-left: 5px !important; + border-radius: 1px; + margin-bottom: 0px; + padding: 2px !important; + color: rgb(130,130,130) !important; + font-family: 'Meslo LG S DZ' !important; + font-size: 12px !important; + height: 18px !important; +} + + +#nav-bar { + background-color: #252525 !important; + border-bottom: none !important; + border-top: none !important; + margin-bottom: -2px !important; + margin-top: 0px !important; + padding-top: 0px !important; + height: 18px !important; +} + +#PanelUI-button { + + background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0; + background: url('http://i.imgur.com/TkuW5hs.png') !important; + background-repeat: no-repeat !important; + background-position: center !important; + box-shadow: none !important; + margin-top: 4px !important; + width: 10px !important; + /* display: none !important; /*COMMENT THIS LINE FOR A MENU BUTTON */ +} +#PanelUI-button:hover { + + background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0; + background: url('http://i.imgur.com/h8J7fda.png') !important; + background-repeat: no-repeat !important; + background-position: center !important; + box-shadow: none !important; + width: 10px !important; +} + +#PanelUI-button .button-icon, +#PanelUI-button .button-text { + display: none !important; +} +#PanelUI-menu-button { + opacity: 0 !important; + width: 10px !important; + margin-right: -15px !important; +} + +#identity-box, #dropmarker-icon, #historydropmarker, #autocomplete-history-dropmarker, #urlbar-history-dropmarker, #dropmarker { + display: none !important; +} + +#autocomplete-history-dropmarker, #urlbar-history-dropmarker, #urlbar-reload-button { + display: none !important; +} + +.autocomplete-history-dropmarker.urlbar-history-dropmarker { + display: none !important; +} + +#plugins-notification-icon, #notification-anchor-icon, #notification-popup-box { + display: none !important; + +} + +/*download button*/ +/*#downloads-button { + background: url('http://i.imgur.com/QA0QFij.png') !important; + background-repeat: no-repeat !important; + background-position: center !important; + opacity: 1 !important; + margin-left: 10px !important; + margin-right: 0px !important; + margin-bottom: 0px !important; + box-shadow: none !important; + width: 10px !important; +} + +#toolbarbutton-icon .Downloads, +#downloads-indicator-icon, +#downloads-indicator-progress-area, +#downloads-button .button-text { + display: none !important; +} + +#downloads-indicator-anchor {opacity: 0 !important;} + +#downloads-button:hover { + opacity: 1 !important; + box-shadow: none !important; + background: url('http://i.imgur.com/sTi4rOA.png') !important; + background-repeat: no-repeat !important; + background-position: center !important; +} +*/ + +/* remove tab scrolling */ + +.scrollbutton-up, .scrollbutton-down, #alltabs-button { + display: none !important; +} + +/*!noha/.gytc*/ +/*noha-ra.deviantart.com*/