1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
|
/**************************************************************************************
This file is distributed under the GNU General Public License version 2 (a.k.a. GPL-v2)
(c) 2019-2021 Virgil Mager - vvmager@gmail.com
(c) 2019-2021 Information Technology Group - http://itgroup.ro
**************************************************************************************/
notebook > header > tabs > tab, notebook > header > tabs > tab * {
min-height: 0px;
margin: 0px;
padding: 0px; }
notebook > header {
padding: 4px;
border: none 1px mix(#b6b6b3, @shift_bg_color, 00.10);
background-color: transparent; }
notebook > header.top {
border-bottom-style: solid; }
notebook > header.top + * {
margin-top: -1px; }
notebook > header.bottom {
border-top-style: solid; }
notebook > header.bottom + * {
margin-bottom: -1px; }
notebook > header.left {
border-right-style: solid; }
notebook > header.left + * {
margin-left: -1px; }
notebook > header.right {
border-left-style: solid; }
notebook > header.right + * {
margin-right: -1px; }
notebook > header > tabs {
margin: 0;
min-height: 0;
border: 1px solid;
border-color: mix(#b0b0b0, @shift_bg_color, 00.10);
border-bottom-color: mix(#9a9a9a, @shift_bg_color, 00.10);
border-radius: 4px;
border-width: 1px;
outline-offset: -4px;
color: mix(@fg_color, mix(@shift_bg_color, @fg_color, 0.398), 00.10);
outline-color: mix(rgba(46, 52, 54, 0.3), rgba(0, 0, 0, 0.3), 00.10);
background-image: linear-gradient(to bottom, mix(#f4f4f4, @shift_bg_color, 00.10), mix(@bg_color, @shift_bg_color, 00.10) 50%, mix(#d0d0d0, @shift_bg_color, 00.10));
text-shadow: 0 1px mix(#f0f0f0, @shift_bg_color, 00.10);
-gtk-icon-shadow: 0 1px mix(rgba(255, 255, 255, 0.76923), @shift_bg_color, 00.10);
box-shadow: inset 0 1px mix(#fcfcfc, @shift_bg_color, 00.10); }
notebook > header.left > tabs, notebook > header.right > tabs {
background-image: linear-gradient(to bottom, mix(#f8f8f8, @shift_bg_color, 00.10), mix(@bg_color, @shift_bg_color, 00.10) 15%, mix(@bg_color, @shift_bg_color, 00.10) 85%, mix(#dddddd, @shift_bg_color, 00.10));}
notebook > header > tabs:disabled {
border-color: mix(#c6c6c3, @shift_bg_color, 00.10);
border-bottom-color: mix(#bcbcbc, @shift_bg_color, 00.10);
border-right-color: mix(#bcbcbc, @shift_bg_color, 00.10);
background-image: linear-gradient(to bottom, mix(#e8e8e8, @shift_bg_color, 00.10), mix(#d8d8d8, @shift_bg_color, 00.10));
text-shadow: 0 1px mix(mix(#fefefe, @shift_bg_color, 00.10), #ffffff, 0.2);
box-shadow: inset 0 1px mix(rgba(255, 255, 255, 0.1), @shift_bg_color, 00.10);
-gtk-icon-shadow: none; }
notebook > header.top > tabs, notebook > header.bottom > tabs {
padding-left: 8px;
padding-right: 8px; }
notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) {
margin-left: 3px;
margin-right: 3px; }
notebook > header.left > tabs, notebook > header.right > tabs {
padding-top: 8px;
padding-bottom: 8px; }
notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) {
margin-top: 3px;
margin-bottom: 3px; }
notebook > header > tabs > tab {
padding: 0px;
margin: 0px;
min-height: 30px;
font-weight: normal;
outline-offset: -4px;
outline-color: mix(rgba(46, 52, 54, 0.3), rgba(0, 0, 0, 0.3), 00.10);
border-color: mix(#b0b0b0, @shift_bg_color, 00.10);
border-bottom-color: mix(#9a9a9a, @shift_bg_color, 00.10);
background-image: linear-gradient(to bottom, mix(#f4f4f4, @shift_bg_color, 00.10), mix(@bg_color, @shift_bg_color, 00.10) 50%, mix(#d0d0d0, @shift_bg_color, 00.10));
-gtk-icon-shadow: 0 1px mix(rgba(255, 255, 255, 0.76923), @shift_bg_color, 00.10);
box-shadow: inset 0 1px mix(#fcfcfc, @shift_bg_color, 00.10); }
notebook > header > tabs > tab, notebook > header > tabs > tab label {
color: mix(@fg_color, mix(@shift_bg_color, @fg_color, 0.398), 00.10);
text-shadow: 0 1px mix(#f0f0f0, @shift_bg_color, 00.10); }
notebook > header > tabs > tab:hover {
outline-color: mix(rgba(46, 52, 54, 0.3), rgba(0, 0, 0, 0.3), 00.10);
border-color: mix(#bcbcbc, @shift_bg_color, 00.10);
border-bottom-color: mix(#a8a8a8, @shift_bg_color, 00.10);
-gtk-icon-shadow: 0 1px mix(rgba(255, 255, 255, 0.76923), rgba(0, 0, 0, 0.76923), 00.10);
box-shadow: inset 0 1px shade(mix(mix(@bg_color, @shift_bg_color, 00.10), @bg_color, 0.15), 1.13);
background-image: linear-gradient(to bottom, shade(mix(mix(@bg_color, @shift_bg_color, 00.10), @bg_color, 0.15), 1.09), shade(mix(mix(@bg_color, @shift_bg_color, 00.10), @bg_color, 0.15), 1.04) 50%, shade(mix(mix(@bg_color, @shift_bg_color, 00.10), @bg_color, 0.15), 0.95));
text-shadow: 0 1px mix(#f8f8f8, @shift_bg_color, 00.10);
-gtk-icon-effect: none; }
notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover {
box-shadow: inset 0 1px mix(#ffffff, mix(@shift_bg_color, #ffffff, 0.299), 00.10); }
notebook > header > tabs > tab:disabled {
border-color: mix(#c6c6c3, @shift_bg_color, 00.10);
border-bottom-color: mix(#bcbcbc, @shift_bg_color, 00.10);
border-right-color: mix(#bcbcbc, @shift_bg_color, 00.10);
background-image: linear-gradient(to bottom, mix(#e8e8e8, @shift_bg_color, 00.10), mix(#d8d8d8, @shift_bg_color, 00.10));
box-shadow: inset 0 1px mix(rgba(255, 255, 255, 0.1), @shift_bg_color, 00.10);
-gtk-icon-shadow: none; }
notebook > header > tabs > tab:disabled, notebook > header > tabs > tab:disabled label {
color: mix(#767978, @shift_bg_color, 00.10);
text-shadow: 0 1px mix(#ffffff, @shift_bg_color, 00.10); }
notebook > header > tabs > tab:checked {
/* color: mix(@fg_color, mix(@shift_bg_color, @fg_color, 0.398), 00.10);*/
outline-color: mix(rgba(46, 52, 54, 0.3), rgba(0, 0, 0, 0.3), 00.10);
border-color: mix(#b6b6b3, @shift_bg_color, 00.10);
background-image: linear-gradient(to top, mix(#f0f0f0, @shift_bg_color, 00.10), mix(@bg_color, @shift_bg_color, 00.10) 50%, mix(#c8c8c8, @shift_bg_color, 00.10));
box-shadow: 0 -1px mix(#b0b0b0, @shift_bg_color, 00.10), 0 1px mix(#b0b0b0, @shift_bg_color, 00.10);
-gtk-icon-shadow: none; }
notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked {
background-image: linear-gradient(to top, mix(#f0f0f0, @shift_bg_color, 00.10), mix(@bg_color, @shift_bg_color, 00.10) 50%, mix(#b8b8b8, @shift_bg_color, 00.10));
border-top-color: mix(#b0b0b0, @shift_bg_color, 00.10);
border-bottom-color: mix(#a8a8a8, @shift_bg_color, 00.10);
box-shadow: inset 0 1px mix(#d8d8d8, @shift_bg_color, 00.10), inset 0 -1px mix(#e8e8e8, @shift_bg_color, 00.10)/*, inset 1px 0 mix(rgba(255, 255, 255, 0.95), rgba(0, 0, 0, 0), 00.10), inset -1px 0 mix(rgba(255, 255, 255, 0.95), rgba(0, 0, 0, 0), 00.10)*/; }
notebook > header > tabs > tab:disabled:checked {
outline-color: mix(rgba(46, 52, 54, 0.3), rgba(0, 0, 0, 0.3), 00.10);
border-color: mix(#b8b8b8, @shift_bg_color, 00.10);
border-top-color: mix(#b4b4b4, @shift_bg_color, 00.10);
background-image: linear-gradient(to top, mix(#dcdcdc, @shift_bg_color, 00.10), mix(#d8d8d8, @shift_bg_color, 00.10) 50%, mix(#cccccc, @shift_bg_color, 00.10));
color: mix(#767978, @shift_bg_color, 00.10);
box-shadow: none;
-gtk-icon-shadow: none; }
notebook > header.left > tabs > tab:disabled:checked, notebook > header.right > tabs > tab:disabled:checked {
box-shadow: inset 0 1px mix(#e0e0e0, @shift_bg_color, 00.10); }
notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab {
padding: 0 8px 0 8px;
border-width: 1px;
border-style: none solid none solid;
margin-left: -1px; }
notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page {
padding: 0 5px 0 5px; }
notebook > header.left > tabs > tab, notebook > header.right > tabs > tab {
padding: 0px 6px 0px 6px;
border-width: 1px;
border-style: solid none solid none;
margin-top: 1px;
margin-bottom: 1px; }
notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page {
padding: 0px 5px 0px 5px; }
/*notebook > header > tabs > tab > * {border: 1px solid #0000ff; padding: 0;}
notebook > header > tabs > tab > * > * {border: 1px solid #00ff00; padding: 0;}
notebook > header > tabs > tab label,
notebook > header > tabs > tab button.flat,
notebook > header > tabs > arrow {
border: 1px solid #ff0000; }*/
notebook > header > tabs > tab label {
margin: 4px 0; }
notebook > header > tabs > tab button.flat {
color: alpha(currentColor, 0.9);
padding: 0;
margin: 6px 4px; }
notebook > header > tabs > tab button.flat:hover {
color: currentColor; }
notebook > header > tabs > arrow {
min-height: 16px;
min-width: 16px; }
notebook > header > tabs > arrow:hover:not(:active) {
background-clip: padding-box;
background-image: none;
background-color: mix(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3), 00.10);
border-color: transparent;
box-shadow: none; }
notebook > header > tabs > arrow:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px mix(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0), 00.10);
text-shadow: none;
-gtk-icon-shadow: none; }
notebook > header.top > tabs > arrow {
border-top-style: none; }
notebook > header.bottom > tabs > arrow {
border-bottom-style: none; }
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
margin-left: -5px;
margin-right: -5px;
padding-left: 4px;
padding-right: 4px; }
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.left > tabs > arrow {
border-left-style: none; }
notebook > header.right > tabs > arrow {
border-right-style: none; }
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
margin-top: -5px;
margin-bottom: -5px;
padding-top: 4px;
padding-bottom: 4px; }
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
/*no effect:
notebook > header, notebook > header > tabs {display: table; table-layout: fixed;}
notebook > header > tabs > tab {display: table-cell;}
*/
|
