Browse Source

Add dwbify Stylish theme for Firefox

Ian Adam Naval 5 years ago
parent
commit
23057a55cc
1 changed files with 258 additions and 0 deletions
  1. 258
    0
      stylish/dwbify.css

+ 258
- 0
stylish/dwbify.css View File

@@ -0,0 +1,258 @@
1
+@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
2
+
3
+/*tab-width*/
4
+.tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] {
5
+    min-width: 10px !important;
6
+    max-width: 100% !important;
7
+}
8
+/*comment above to have normal tab width*/
9
+
10
+
11
+/*remove shitty fog*/
12
+#TabsToolbar:not(:-moz-lwtheme)::after {display: none;}
13
+/* Remove the following line if you want the text color of unselected tabs to be black (Firefox default) */
14
+#TabsToolbar .tabbrowser-tab:not([selected]) {color: rgba(255,255,255,0.9);}
15
+
16
+/*remove internal border*/
17
+#main-window:not([chromehidden*="toolbar"])[sizemode="normal"]{
18
+   margin-top: -1px!important;
19
+   margin-left: -1px!important;
20
+   margin-right: -1px!important;
21
+   margin-bottom: -1px !important;
22
+}
23
+
24
+#TabsToolbar {
25
+    background: #252525 !important;
26
+    border: none !important;
27
+}
28
+
29
+#TabsToolbar .tabbrowser-tabs {
30
+    min-height: 18px !important;
31
+    margin-top: 0px !important;
32
+    margin-bottom: 0px !important;
33
+    text-align: center !important;
34
+    margin-left: -15px !important;
35
+    margin-right: -15px !important;
36
+}
37
+
38
+#tabbrowser-tabs tab .tab-close-button {
39
+    display: none !important;
40
+}
41
+
42
+.tabbrowser-tab:not([pinned]) .tab-icon-image {
43
+    display: none !important;
44
+}
45
+
46
+#TabsToolbar .tabbrowser-tab {
47
+    -moz-border-top-colors: none !important;
48
+    -moz-border-left-colors: none !important;
49
+    -moz-border-right-colors: none !important;
50
+    -moz-border-bottom-colors: none !important;
51
+    padding: 6px 0px !important;
52
+    border-radius: 0px !important;
53
+    background: #252525 !important;
54
+    background-clip: padding-box !important;
55
+    transition: all .1s !important;
56
+    margin-left: 0px !important;
57
+    color: rgb(100,100,100) !important;
58
+    font-family: 'Meslo LG S DZ' !important;
59
+    font-size: 12px !important;
60
+    height: 14px !important;
61
+}
62
+
63
+#TabsToolbar .tabs-newtab-button {
64
+    -moz-border-top-colors: none !important;
65
+    -moz-border-left-colors: none !important;
66
+    -moz-border-right-colors: none !important;
67
+    -moz-border-bottom-colors: none !important;
68
+    border: none !important;
69
+    text-shadow: 0 0 4px rgba(255,255,255,0) !important;
70
+    background: #252525 !important;
71
+    background-clip: padding-box !important;
72
+    transition: all .1s !important;
73
+}
74
+
75
+#TabsToolbar .tabbrowser-tab[selected] {
76
+    color: #f8f8f2 !important;
77
+    background: #800 !important;
78
+    background-clip: padding-box !important;
79
+}
80
+
81
+#TabsToolbar .tabbrowser-tab:only-child {
82
+    background: #252525 !important;
83
+}
84
+
85
+#TabsToolbar .tabs-newtab-button:hover,
86
+#TabsToolbar .tabbrowser-tab:hover:not([selected]) {
87
+    background-color: rgba(80,101,140,.4) !important;
88
+    color: rgb(251,251,251) !important;
89
+}
90
+
91
+#TabsToolbar .tab-background {
92
+    margin: 0 !important;
93
+    background: transparent !important;
94
+}
95
+
96
+#TabsToolbar .tab-background-start,
97
+#TabsToolbar .tab-background-end {
98
+    display: none !important;
99
+}
100
+
101
+#TabsToolbar .tab-background-middle {
102
+    margin: -4px -2px !important;
103
+    background: transparent !important;
104
+}
105
+
106
+#TabsToolbar .tabbrowser-tab:after,
107
+#TabsToolbar .tabbrowser-tab:before {
108
+    display: none !important;
109
+}
110
+
111
+#TabsToolbar .tabs-newtab-button {
112
+    border-width: 1px 1px 0 1px !important;
113
+    margin: 0 !important;
114
+    width: auto !important;
115
+    padding: 0 5px !important;
116
+}
117
+
118
+#PersonalToolbar,
119
+#addon-bar,
120
+#nav-bar {
121
+    background: #252525 !important;
122
+    border: none !important;
123
+    box-shadow: none !important;
124
+    border-color: #252525 !important;
125
+    border-radius: 0 !important;
126
+}
127
+.subviewbutton.panel-subview-footer {
128
+    padding-top: 6px !important;
129
+    padding-bottom: 6px !important;
130
+}
131
+
132
+
133
+/* URL BAR */
134
+
135
+/* remove back/fwd */
136
+
137
+#nav-bar  #back-button > .toolbarbutton-icon {
138
+   display: none !important;
139
+}
140
+#forward-button {
141
+   display: none !important;
142
+}
143
+
144
+/*styling*/
145
+#searchbar > .searchbar-textbox,
146
+#urlbar {
147
+    border: none !important;
148
+    text-align: left;
149
+    background: #252525 !important;
150
+    margin-top: 0px !important;
151
+    margin-left: 5px !important;
152
+    border-radius: 1px;
153
+    margin-bottom: 0px;
154
+    padding: 2px !important;
155
+    color: rgb(130,130,130) !important;
156
+    font-family: 'Meslo LG S DZ' !important;
157
+    font-size: 12px !important;
158
+    height: 18px !important;
159
+}
160
+
161
+
162
+#nav-bar {
163
+    background-color: #252525 !important;
164
+    border-bottom: none !important;
165
+    border-top: none !important;
166
+    margin-bottom: -2px !important;
167
+    margin-top: 0px !important;
168
+    padding-top: 0px !important;
169
+    height: 18px !important;
170
+}
171
+
172
+#PanelUI-button {
173
+
174
+    background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0;
175
+    background: url('http://i.imgur.com/TkuW5hs.png') !important;
176
+    background-repeat: no-repeat !important;
177
+    background-position: center !important;
178
+    box-shadow: none !important;
179
+    margin-top: 4px !important;
180
+    width: 10px !important;
181
+    /*     display: none !important; /*COMMENT THIS LINE FOR A MENU BUTTON */
182
+}
183
+#PanelUI-button:hover {
184
+
185
+    background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0;
186
+    background: url('http://i.imgur.com/h8J7fda.png') !important;
187
+    background-repeat: no-repeat !important;
188
+    background-position: center !important;
189
+    box-shadow: none !important;
190
+    width: 10px !important;
191
+}
192
+
193
+#PanelUI-button .button-icon,
194
+#PanelUI-button .button-text {
195
+    display: none !important;
196
+}
197
+#PanelUI-menu-button {
198
+    opacity: 0 !important;
199
+    width: 10px !important;
200
+    margin-right: -15px !important;
201
+}
202
+
203
+#identity-box, #dropmarker-icon, #historydropmarker, #autocomplete-history-dropmarker, #urlbar-history-dropmarker, #dropmarker {
204
+    display: none !important;
205
+}
206
+
207
+#autocomplete-history-dropmarker, #urlbar-history-dropmarker, #urlbar-reload-button {
208
+    display: none !important;
209
+}
210
+
211
+.autocomplete-history-dropmarker.urlbar-history-dropmarker {
212
+    display: none !important;
213
+}
214
+
215
+#plugins-notification-icon, #notification-anchor-icon, #notification-popup-box {
216
+    display: none !important;
217
+
218
+}
219
+
220
+/*download button*/
221
+/*#downloads-button {
222
+    background: url('http://i.imgur.com/QA0QFij.png') !important;
223
+    background-repeat: no-repeat  !important;
224
+    background-position: center !important;
225
+    opacity: 1 !important;
226
+    margin-left: 10px !important;
227
+    margin-right: 0px !important;
228
+    margin-bottom: 0px !important;
229
+    box-shadow: none !important;
230
+    width: 10px !important;
231
+}
232
+
233
+#toolbarbutton-icon .Downloads,
234
+#downloads-indicator-icon,
235
+#downloads-indicator-progress-area,
236
+#downloads-button .button-text {
237
+    display: none !important;
238
+}
239
+
240
+#downloads-indicator-anchor {opacity: 0 !important;}
241
+
242
+#downloads-button:hover {
243
+    opacity: 1 !important;
244
+    box-shadow: none !important;
245
+    background: url('http://i.imgur.com/sTi4rOA.png') !important;
246
+    background-repeat: no-repeat !important;
247
+    background-position: center !important;
248
+}
249
+*/
250
+
251
+/* remove tab scrolling */
252
+
253
+.scrollbutton-up, .scrollbutton-down, #alltabs-button {
254
+    display: none !important;
255
+}
256
+
257
+/*!noha/.gytc*/
258
+/*noha-ra.deviantart.com*/

Loading…
Cancel
Save