1 | /* Customize any plain widget that is a child of a QMainWindow. */
|
---|
2 | QMainWindow > .QWidget {
|
---|
3 | background-color: gainsboro;
|
---|
4 | background-image: url(:/images/pagefold.png);
|
---|
5 | background-position: top right;
|
---|
6 | background-repeat: no-repeat
|
---|
7 | }
|
---|
8 |
|
---|
9 | /* Provide a padding for the layout inside the frame. The frame
|
---|
10 | exists only to provide a padding for the top-right image, so we
|
---|
11 | explicitly disable the border. */
|
---|
12 | #mainFrame {
|
---|
13 | padding-right: 30px;
|
---|
14 | border-style: none;
|
---|
15 | border-image: none; /* since we set a border-image below */
|
---|
16 | }
|
---|
17 |
|
---|
18 | /* mainFrame won't have this border-image since we have
|
---|
19 | explicitly set it to 'none' using a more specific selector. */
|
---|
20 | QFrame, QLineEdit, QComboBox[editable="true"], QSpinBox {
|
---|
21 | border-image: url(:/images/frame.png) 4;
|
---|
22 | border-width: 3;
|
---|
23 | }
|
---|
24 |
|
---|
25 | QLabel {
|
---|
26 | border: none;
|
---|
27 | border-image: none;
|
---|
28 | padding: 0;
|
---|
29 | background: none;
|
---|
30 | }
|
---|
31 |
|
---|
32 | /* Make text in message boxes selectable. */
|
---|
33 | QMessageBox {
|
---|
34 | /* LinksAccessibleByMouse | TextSelectableByMouse */
|
---|
35 | messagebox-text-interaction-flags: 5;
|
---|
36 | }
|
---|
37 |
|
---|
38 | /* Set the selection colors for all widgets. */
|
---|
39 | QWidget {
|
---|
40 | selection-color: black;
|
---|
41 | selection-background-color: Silver;
|
---|
42 | color: black;
|
---|
43 | }
|
---|
44 |
|
---|
45 | /* Make the entire row selected in item views. */
|
---|
46 | QAbstractItemView {
|
---|
47 | show-decoration-selected: 1;
|
---|
48 | }
|
---|
49 |
|
---|
50 | /* Nice WindowsXP-style password character for password line edits. */
|
---|
51 | QLineEdit[echoMode="2"] {
|
---|
52 | lineedit-password-character: 9679;
|
---|
53 | }
|
---|
54 |
|
---|
55 | /* Customize tooltips. */
|
---|
56 | QToolTip {
|
---|
57 | background-color: rgb(200,200,255);
|
---|
58 | border-color: darkslategray;
|
---|
59 | border-width: 1px;
|
---|
60 | border-style: solid;
|
---|
61 | padding: 3px;
|
---|
62 | font: bold;
|
---|
63 | border-radius: 3px;
|
---|
64 | opacity: 200;
|
---|
65 | }
|
---|
66 |
|
---|
67 | /* Customize radio buttons. */
|
---|
68 |
|
---|
69 | QRadioButton {
|
---|
70 | spacing: 5px;
|
---|
71 | }
|
---|
72 |
|
---|
73 | QRadioButton::indicator {
|
---|
74 | width: 13px;
|
---|
75 | height: 13px;
|
---|
76 | }
|
---|
77 |
|
---|
78 | QRadioButton::indicator::unchecked {
|
---|
79 | image: url(:/images/radiobutton_unchecked.png);
|
---|
80 | }
|
---|
81 |
|
---|
82 | QRadioButton::indicator:unchecked:hover {
|
---|
83 | image: url(:/images/radiobutton_unchecked_hover.png);
|
---|
84 | }
|
---|
85 |
|
---|
86 | QRadioButton::indicator:unchecked:pressed {
|
---|
87 | image: url(:/images/radiobutton_unchecked_pressed.png);
|
---|
88 | }
|
---|
89 |
|
---|
90 | QRadioButton::indicator::checked {
|
---|
91 | image: url(:/images/radiobutton_checked.png);
|
---|
92 | }
|
---|
93 |
|
---|
94 | QRadioButton::indicator:checked:hover {
|
---|
95 | image: url(:/images/radiobutton_checked_hover.png);
|
---|
96 | }
|
---|
97 |
|
---|
98 | QRadioButton::indicator:checked:pressed {
|
---|
99 | image: url(:/images/radiobutton_checked_pressed.png);
|
---|
100 | }
|
---|
101 |
|
---|
102 | /* Customize arrows. */
|
---|
103 |
|
---|
104 | *::down-arrow, *::menu-indicator {
|
---|
105 | image: url(:/images/down_arrow.png);
|
---|
106 | width: 7px;
|
---|
107 | height: 7px;
|
---|
108 | }
|
---|
109 |
|
---|
110 | *::down-arrow:disabled, *::down-arrow:off {
|
---|
111 | image: url(:/images/down_arrow_disabled.png);
|
---|
112 | }
|
---|
113 |
|
---|
114 | *::up-arrow {
|
---|
115 | image: url(:/images/up_arrow.png);
|
---|
116 | width: 7px;
|
---|
117 | height: 7px;
|
---|
118 | }
|
---|
119 |
|
---|
120 | *::up-arrow:disabled, *::up-arrow:off {
|
---|
121 | image: url(:/images/up_arrow_disabled.png);
|
---|
122 | }
|
---|
123 |
|
---|
124 | /* Customize push buttons and comboboxes. Our read-only combobox
|
---|
125 | is very similar to a push button, so they share the same border image. */
|
---|
126 |
|
---|
127 | QPushButton {
|
---|
128 | min-width: 4em;
|
---|
129 | }
|
---|
130 |
|
---|
131 | QPushButton, QComboBox[editable="false"],
|
---|
132 | QComboBox[editable="true"]::drop-down {
|
---|
133 | border-image: url(:/images/pushbutton.png) 5;
|
---|
134 | border-width: 5;
|
---|
135 | }
|
---|
136 |
|
---|
137 | QPushButton:hover, QComboBox[editable="false"]:hover,
|
---|
138 | QComboBox[editable="true"]::drop-down:hover, QMenuBar::item:hover {
|
---|
139 | border-image: url(:/images/pushbutton_hover.png) 5;
|
---|
140 | border-width: 5;
|
---|
141 | }
|
---|
142 |
|
---|
143 | QPushButton:pressed, QComboBox[editable="false"]:on,
|
---|
144 | QComboBox[editable="true"]::drop-down:on, QMenuBar::item:on {
|
---|
145 | border-image: url(:/images/pushbutton_pressed.png) 5;
|
---|
146 | border-width: 5;
|
---|
147 | }
|
---|
148 |
|
---|
149 | /* Customize read-only comboboxes. */
|
---|
150 |
|
---|
151 | QComboBox[editable="false"] {
|
---|
152 | padding-left: 3px;
|
---|
153 | padding-right: 20px; /* space for the arrow */
|
---|
154 | }
|
---|
155 |
|
---|
156 | QComboBox[editable="false"]::drop-down {
|
---|
157 | subcontrol-origin: padding;
|
---|
158 | subcontrol-position: top right;
|
---|
159 | width: 15px;
|
---|
160 | border-left-style: solid;
|
---|
161 | border-left-color: darkgray;
|
---|
162 | border-left-width: 1px;
|
---|
163 | }
|
---|
164 |
|
---|
165 | QComboBox[editable="false"]::down-arrow {
|
---|
166 | subcontrol-origin: content;
|
---|
167 | subcontrol-position: center;
|
---|
168 | position: relative;
|
---|
169 | left: 1px; /* 1 pixel dropdown border */
|
---|
170 | }
|
---|
171 |
|
---|
172 | /* The combobox arrow is on when the popup is open. */
|
---|
173 | QComboBox[editable="false"]::down-arrow:on {
|
---|
174 | position: relative;
|
---|
175 | top: 1px;
|
---|
176 | left: 2px;
|
---|
177 | }
|
---|
178 |
|
---|
179 | /* Customize editable comboboxes. */
|
---|
180 |
|
---|
181 | QComboBox[editable="true"] {
|
---|
182 | padding-right: 16px;
|
---|
183 | }
|
---|
184 |
|
---|
185 | QComboBox[editable="true"]::drop-down {
|
---|
186 | subcontrol-origin: border;
|
---|
187 | subcontrol-position: top right;
|
---|
188 | width: 13px;
|
---|
189 | position: absolute;
|
---|
190 | top: 2px;
|
---|
191 | bottom: 2px;
|
---|
192 | right: 2px;
|
---|
193 | }
|
---|
194 |
|
---|
195 | QComboBox[editable="true"]::drop-down,
|
---|
196 | QComboBox[editable="true"]::drop-down:hover,
|
---|
197 | QComboBox[editable="true"]::drop-down:on {
|
---|
198 | border-width: 0px;
|
---|
199 | border-left-width: 3px; /* we need only left and center part */
|
---|
200 | }
|
---|
201 |
|
---|
202 | /* Shift the arrow when it's open. */
|
---|
203 | QComboBox[editable="true"]::down-arrow:on {
|
---|
204 | position: relative;
|
---|
205 | top: 1px;
|
---|
206 | left: 1px;
|
---|
207 | }
|
---|
208 |
|
---|
209 | /* Customize check boxes. */
|
---|
210 | QCheckBox {
|
---|
211 | spacing: 5px;
|
---|
212 | }
|
---|
213 |
|
---|
214 | QCheckBox::indicator {
|
---|
215 | width: 13px;
|
---|
216 | height: 13px;
|
---|
217 | }
|
---|
218 |
|
---|
219 | QCheckBox::indicator:unchecked {
|
---|
220 | image: url(:/images/checkbox_unchecked.png);
|
---|
221 | }
|
---|
222 |
|
---|
223 | QCheckBox::indicator:unchecked:hover {
|
---|
224 | image: url(:/images/checkbox_unchecked_hover.png);
|
---|
225 | }
|
---|
226 |
|
---|
227 | QCheckBox::indicator:unchecked:pressed {
|
---|
228 | image: url(:/images/checkbox_unchecked_pressed.png);
|
---|
229 | }
|
---|
230 |
|
---|
231 | QCheckBox::indicator:checked {
|
---|
232 | image: url(:/images/checkbox_checked.png);
|
---|
233 | }
|
---|
234 |
|
---|
235 | QCheckBox::indicator:checked:hover {
|
---|
236 | image: url(:/images/checkbox_checked_hover.png);
|
---|
237 | }
|
---|
238 |
|
---|
239 | QCheckBox::indicator:checked:pressed {
|
---|
240 | image: url(:/images/checkbox_checked_pressed.png);
|
---|
241 | }
|
---|
242 |
|
---|
243 | /* Customize the size grip. */
|
---|
244 | QSizeGrip {
|
---|
245 | image: url(:/images/sizegrip.png);
|
---|
246 | width: 16px;
|
---|
247 | height: 16px;
|
---|
248 | }
|
---|
249 |
|
---|
250 | /* Customize the menu bar. */
|
---|
251 | QMenuBar {
|
---|
252 | border-image: none;
|
---|
253 | border-style: none;
|
---|
254 | border-width: 1px;
|
---|
255 | border-bottom-style: solid;
|
---|
256 | border-bottom-color: darkslategray;
|
---|
257 | padding: 2px;
|
---|
258 | }
|
---|
259 |
|
---|
260 | /* Customize spin boxes. */
|
---|
261 |
|
---|
262 | QSpinBox {
|
---|
263 | padding-right: 15px;
|
---|
264 | }
|
---|
265 |
|
---|
266 | QSpinBox::up-button {
|
---|
267 | subcontrol-origin: border;
|
---|
268 | subcontrol-position: top right;
|
---|
269 |
|
---|
270 | width: 16px; /* 16 + 2*1px border-width = 15px padding + 3px parent border */
|
---|
271 | border-image: url(:/images/spinup.png) 1;
|
---|
272 | border-width: 1px;
|
---|
273 | }
|
---|
274 |
|
---|
275 | QSpinBox::up-button:hover {
|
---|
276 | border-image: url(:/images/spinup_hover.png) 1;
|
---|
277 | }
|
---|
278 |
|
---|
279 | QSpinBox::up-button:pressed {
|
---|
280 | border-image: url(:/images/spinup_pressed.png) 1;
|
---|
281 | }
|
---|
282 |
|
---|
283 | QSpinBox::down-button {
|
---|
284 | subcontrol-origin: border;
|
---|
285 | subcontrol-position: bottom right;
|
---|
286 |
|
---|
287 | width: 16px;
|
---|
288 | border-image: url(:/images/spindown.png) 1;
|
---|
289 | border-width: 1px;
|
---|
290 | border-top-width: 0;
|
---|
291 | }
|
---|
292 |
|
---|
293 | QSpinBox::down-button:hover {
|
---|
294 | border-image: url(:/images/spindown_hover.png) 1;
|
---|
295 | }
|
---|
296 |
|
---|
297 | QSpinBox::down-button:pressed {
|
---|
298 | border-image: url(:/images/spindown_pressed.png) 1;
|
---|
299 | }
|
---|