|
1 /****************************************************************************** |
|
2 * |
|
3 * CSS-like definition of Qt frontend appearance |
|
4 * |
|
5 ****************************************************************************** |
|
6 * |
|
7 * see http://doc.qt.nokia.com/4.5/stylesheet.html |
|
8 * |
|
9 ****************************************************************************** |
|
10 * |
|
11 * This file can be stored at different locations, but it will be read only |
|
12 * once, based on first file found in this order: |
|
13 * |
|
14 * <userdir>/Data/css/qt.css |
|
15 * <datadir>/css/qt.css |
|
16 * <internal default style-sheet> (:/res/css/qt.css) |
|
17 * |
|
18 *****************************************************************************/ |
|
19 |
|
20 #infoButton |
|
21 { |
|
22 border: transparent; |
|
23 background: transparent; |
|
24 width: 800px; |
|
25 min-width: 800px; |
|
26 qproperty-icon: url(":/res/TomatowarsTitle.png"); |
|
27 qproperty-iconSize: 800px 165px; |
|
28 } |
|
29 HWForm,QDialog { |
|
30 background-image: url(":/res/Background.png"); |
|
31 background-position: bottom center; |
|
32 background-repeat: repeat-x; |
|
33 background-color: #141250; |
|
34 } |
|
35 |
|
36 * { |
|
37 color: #ffcc00; |
|
38 selection-background-color: #ffcc00; |
|
39 selection-color: #00351d; |
|
40 } |
|
41 |
|
42 a { color:#c8c8ff; } |
|
43 |
|
44 QLineEdit, QListWidget, QListView, QTableView, QTableWidget, QTextBrowser, QSpinBox, QComboBox, |
|
45 QComboBox QAbstractItemView, QPlainTextEdit, QMenu::item, #labelLikeLineEdit { |
|
46 background-color: rgba(13, 5, 68, 70%); |
|
47 } |
|
48 |
|
49 VertScrArea, QGraphicsView { |
|
50 border-style: solid; border-width: 2px; border-color: #cca300; border-radius: 3px; |
|
51 } |
|
52 #gameStatsView { |
|
53 border-color: #332816; |
|
54 } |
|
55 |
|
56 QSplitter::handle { |
|
57 background-image: url(":/res/splitter.png"); |
|
58 background-clip: content; |
|
59 } |
|
60 QSplitter::handle:horizontal { |
|
61 width: 7px; |
|
62 background-repeat: repeat-y; |
|
63 } |
|
64 QSplitter::handle:vertical { |
|
65 height: 7px; |
|
66 background-repeat: repeat-x; |
|
67 } |
|
68 |
|
69 QComboBox::separator { |
|
70 border: solid; border-width: 3px; border-color: #ffcc00; |
|
71 } |
|
72 |
|
73 QPushButton, QListWidget, QListView, QTableView, QTableWidget, QLineEdit, |
|
74 QTextBrowser, QSpinBox, QToolBox, QComboBox, QPlainTextEdit, |
|
75 QComboBox QAbstractItemView, IconedGroupBox, |
|
76 .QGroupBox, #gameStackContainer, TeamSelWidget, SelWeaponWidget, |
|
77 QTabWidget::pane, QTabBar::tab, #mapPreview, #labelLikeLineEdit { |
|
78 border: solid; |
|
79 border-width: 3px; |
|
80 border-color: #ffcc00; |
|
81 } |
|
82 |
|
83 QPushButton:hover, QLineEdit:hover, QListWidget:hover, QListView:hover, |
|
84 QSpinBox:hover, QToolBox:hover, QComboBox:hover { |
|
85 border-color: yellow; |
|
86 } |
|
87 |
|
88 TeamShowWidget QPushButton { |
|
89 icon-size: 48px; |
|
90 text-align: left; |
|
91 background-color: #0d0544; |
|
92 color: orange; |
|
93 font: bold; |
|
94 border-width: 2px; |
|
95 margin: 6px 0px 6px 0px; |
|
96 } |
|
97 TeamShowWidget QPushButton:disabled { |
|
98 color: #a0a0a0; |
|
99 } |
|
100 |
|
101 QToolButton { |
|
102 background-color: #11084A; |
|
103 } |
|
104 |
|
105 QToolButton:hover { |
|
106 background-color: #150A61; |
|
107 } |
|
108 |
|
109 QToolButton:pressed { |
|
110 background-color: #100744; |
|
111 } |
|
112 |
|
113 QLineEdit, QListWidget, QListView, QTableView, QTableWidget, QTextBrowser, |
|
114 QSpinBox, QToolBox, QPlainTextEdit, QToolButton, #mapPreview, #labelLikeLineEdit { |
|
115 border-radius: 10px; |
|
116 } |
|
117 |
|
118 #mapPreview { |
|
119 background-color: #0d0544; |
|
120 } |
|
121 #mapPreview:disabled{ |
|
122 border-color: #a0a0a0; |
|
123 background-color: #0d0544; |
|
124 color: #ffffff; |
|
125 } |
|
126 |
|
127 QLineEdit, QLabel, QHeaderView, QListWidget, QListView, QTableView, |
|
128 QTableWidget, QSpinBox, QToolBox::tab, QComboBox, QComboBox QAbstractItemView, |
|
129 IconedGroupBox, .QGroupBox, #gameStackContainer, TeamSelWidget, |
|
130 SelWeaponWidget, QCheckBox, QRadioButton, QPushButton, QPlainTextEdit, |
|
131 #mapName { |
|
132 font: bold 13px; |
|
133 } |
|
134 .QLabel{ |
|
135 background-color: transparent; |
|
136 } |
|
137 SelWeaponWidget QTabWidget::pane, SelWeaponWidget QTabBar::tab:selected { |
|
138 background-position: bottom center; |
|
139 background-repeat: repeat-x; |
|
140 background-color: #000000; |
|
141 } |
|
142 .QGroupBox, #gameStackContainer, TeamSelWidget, SelWeaponWidget { |
|
143 background-position: bottom center; |
|
144 background-repeat: repeat-x; |
|
145 border-radius: 16px; |
|
146 background-color: rgba(13, 5, 68, 70%); |
|
147 padding: 6px; |
|
148 margin-top: 4px; |
|
149 } |
|
150 /* Experimenting with PaintOnScreen and border-radius on IconedGroupBox children didn't work out well |
|
151 IconedGroupBox QComboBox, IconedGroupBox QPushButton, IconedGroupBox QLineEdit, |
|
152 IconedGroupBox QSpinBox { |
|
153 border-radius: 0; |
|
154 } |
|
155 IconedGroupBox, IconedGroupBox *, QTabWidget::pane, QTabBar::tab:selected, QToolBox::tab QWidget{" */ |
|
156 IconedGroupBox, QTabWidget::pane, QTabBar::tab:selected, QToolBox::tab QWidget{ |
|
157 background-color: #130f2c; |
|
158 } |
|
159 |
|
160 QTabWidget::pane { |
|
161 border-radius: 8px; |
|
162 border-top-left-radius: 0px; |
|
163 } |
|
164 |
|
165 GameCFGWidget { |
|
166 border: none; |
|
167 } |
|
168 |
|
169 QPushButton { |
|
170 border-radius: 8px; |
|
171 background-origin: margin; |
|
172 background-position: top left; |
|
173 background-color: rgba(18, 42, 5, 70%); |
|
174 } |
|
175 |
|
176 QPushButton:pressed, QToolButton:pressed { |
|
177 border-color: white; |
|
178 } |
|
179 |
|
180 QPushButton:focus { |
|
181 outline: none; |
|
182 } |
|
183 |
|
184 QHeaderView { |
|
185 background-color: #00351d; |
|
186 border: solid; |
|
187 border-bottom-width: 3px; |
|
188 border-top-width: 0px; |
|
189 border-left-width: 0px; |
|
190 border-right-width: 0px; |
|
191 border-color: #ffcc00; |
|
192 } |
|
193 QHeaderView::section { |
|
194 border-left-width: 1px; |
|
195 border-right-width: 1px; |
|
196 border-top-width: 0; |
|
197 border-bottom-width: 0px; |
|
198 border-color: #001d10; |
|
199 border-style: solid; |
|
200 background-color: #00351d; |
|
201 padding: 4px; |
|
202 } |
|
203 QHeaderView::section:pressed { |
|
204 background-color: #00250d; |
|
205 } |
|
206 QHeaderView::up-arrow { |
|
207 image: url(":/res/sort_up.png"); |
|
208 } |
|
209 QHeaderView::down-arrow{ |
|
210 image: url(":/res/sort_down.png"); |
|
211 } |
|
212 |
|
213 QTableView, QTableWidget { |
|
214 alternate-background-color: #2f213a; |
|
215 gridline-color: transparent; |
|
216 } |
|
217 QTabWidget::pane { top: -2px; } |
|
218 QTabBar::tab { |
|
219 border-radius: 0; |
|
220 border-top-left-radius: 6px; |
|
221 border-top-right-radius: 6px; |
|
222 padding: 3px; |
|
223 background-color: #00351d; |
|
224 color: #ffcc00; |
|
225 } |
|
226 QTabBar::tab:selected { |
|
227 border-bottom-color: #0d0544; |
|
228 border-bottom-width: 0; |
|
229 } |
|
230 QSpinBox::up-button{ |
|
231 background: transparent; |
|
232 width: 16px; |
|
233 height: 10px; |
|
234 } |
|
235 |
|
236 QSpinBox::up-arrow { |
|
237 image: url(":/res/spin_up.png"); |
|
238 } |
|
239 QSpinBox::up-arrow:disabled { |
|
240 image: url(":/res/spin_up_disabled.png"); |
|
241 } |
|
242 |
|
243 QSpinBox::down-arrow { |
|
244 image: url(":/res/spin_down.png"); |
|
245 } |
|
246 QSpinBox::down-arrow:disabled { |
|
247 image: url(":/res/spin_down_disabled.png"); |
|
248 } |
|
249 |
|
250 QSpinBox::down-button { |
|
251 background: transparent; |
|
252 width: 16px; |
|
253 height: 10px; |
|
254 } |
|
255 |
|
256 QComboBox { |
|
257 border-radius: 10px; |
|
258 padding: 3px; |
|
259 height: 18px; |
|
260 } |
|
261 QComboBox:pressed{ |
|
262 border-color: white; |
|
263 } |
|
264 QComboBox::drop-down{ |
|
265 border: transparent; |
|
266 width: 25px; |
|
267 } |
|
268 QComboBox::down-arrow { |
|
269 image: url(":/res/dropdown.png"); |
|
270 } |
|
271 QComboBox::down-arrow:disabled { |
|
272 image: url(":/res/dropdown_disabled.png"); |
|
273 } |
|
274 |
|
275 VertScrArea { |
|
276 background-position: bottom center; |
|
277 background-repeat: repeat-x; |
|
278 } |
|
279 |
|
280 IconedGroupBox { |
|
281 border-radius: 16px; |
|
282 padding: 2px; |
|
283 } |
|
284 |
|
285 QGroupBox::title{ |
|
286 subcontrol-origin: margin; |
|
287 subcontrol-position: top left; |
|
288 text-align: left; |
|
289 left: 15px; |
|
290 } |
|
291 |
|
292 QCheckBox::indicator:checked{ |
|
293 image: url(":/res/checked.png"); |
|
294 } |
|
295 QCheckBox::indicator:checked:hover{ |
|
296 image: url(":/res/checkedHover.png"); |
|
297 } |
|
298 QCheckBox::indicator:checked:pressed{ |
|
299 image: url(":/res/checkedPressed.png"); |
|
300 } |
|
301 QCheckBox::indicator:unchecked{ |
|
302 image: url(":/res/unchecked.png"); |
|
303 } |
|
304 QCheckBox::indicator:unchecked:hover{ |
|
305 image: url(":/res/uncheckedHover.png"); |
|
306 } |
|
307 QCheckBox::indicator:unchecked:pressed{ |
|
308 image: url(":/res/uncheckedPressed.png"); |
|
309 } |
|
310 |
|
311 QRadioButton::indicator:checked{ |
|
312 image: url(":/res/radioButtonChecked.png"); |
|
313 } |
|
314 QRadioButton::indicator:checked:hover{ |
|
315 image: url(":/res/radioButtonCheckedHover.png"); |
|
316 } |
|
317 QRadioButton::indicator:checked:pressed{ |
|
318 image: url(":/res/radioButtonCheckedPressed.png"); |
|
319 } |
|
320 QRadioButton::indicator:unchecked{ |
|
321 image: url(":/res/radioButtonUnchecked.png"); |
|
322 } |
|
323 QRadioButton::indicator:unchecked:hover{ |
|
324 image: url(":/res/radioButtonUncheckedHover.png"); |
|
325 } |
|
326 QRadioButton::indicator:unchecked:pressed{ |
|
327 image: url(":/res/radioButtonUncheckedPressed.png"); |
|
328 } |
|
329 |
|
330 .QWidget{ |
|
331 background: transparent; |
|
332 } |
|
333 |
|
334 QTabWidget::pane { |
|
335 border-top-width: 2px; |
|
336 } |
|
337 |
|
338 QMenu{ |
|
339 background-color: #ffcc00; |
|
340 margin: 3px; |
|
341 } |
|
342 QMenu::item { |
|
343 background-color: #0d0544; |
|
344 border: 1px solid transparent; |
|
345 font: bold; |
|
346 padding: 2px 25px 2px 20px; |
|
347 } |
|
348 QMenu::item:selected { |
|
349 background-color: #2d2564; |
|
350 } |
|
351 QMenu::indicator { |
|
352 width: 16px; |
|
353 height: 16px; |
|
354 } |
|
355 QMenu::indicator:non-exclusive:checked{ |
|
356 image: url(":/res/checked.png"); |
|
357 } |
|
358 QMenu::indicator:non-exclusive:unchecked{ |
|
359 image: url(":/res/unchecked.png"); |
|
360 } |
|
361 |
|
362 QToolTip{ |
|
363 background-color: #0d0544; |
|
364 border: 1px solid #ffcc00; |
|
365 } |
|
366 |
|
367 :disabled{ |
|
368 color: #a0a0a0; |
|
369 border-color: #a0a0a0; |
|
370 } |
|
371 QListWidget:item:selected:disabled, QListView:item:selected:disabled{ |
|
372 color: rgba(13, 5, 68, 70%); |
|
373 background-color: #a0a0a0; |
|
374 } |
|
375 SquareLabel, ItemNum { |
|
376 background-color: #000000; |
|
377 } |
|
378 |
|
379 QSlider::groove::horizontal { |
|
380 height: 2px; |
|
381 margin: 2px 0px; |
|
382 background-color: #ffcc00; |
|
383 } |
|
384 QSlider::groove::horizontal:disabled { |
|
385 background-color: #a0a0a0; |
|
386 } |
|
387 |
|
388 QSlider::handle::horizontal { |
|
389 border: 0px; |
|
390 margin: -8px 0px; |
|
391 background-color: #ffcc00; |
|
392 width: 12px; |
|
393 height: 6px; |
|
394 border-radius: 3px; |
|
395 } |
|
396 QSlider::handle::horizontal:disabled { |
|
397 background-color: #a0a0a0; |
|
398 } |
|
399 |
|
400 HatButton, ThemeButton { |
|
401 text-align: left; |
|
402 } |
|
403 |
|
404 #hatList, #hatList:hover, #themeList, #themeList:hover { |
|
405 border-color: #F6CB1C; |
|
406 } |
|
407 |
|
408 #hatList QScrollBar, #themeList QScrollBar { |
|
409 background-color: #130F2A; |
|
410 border-top-right-radius: 10px; |
|
411 border-bottom-right-radius: 10px; |
|
412 } |
|
413 |
|
414 #hatList, #themeList { |
|
415 border-color: #F6CB1C; |
|
416 border-width: 3px; |
|
417 border-style: solid; |
|
418 border-radius: 10px; |
|
419 border-top-left-radius: 0px; |
|
420 } |
|
421 |
|
422 #hatList::item, #themeList::item { |
|
423 background-color: #11084A; |
|
424 padding: 4px; |
|
425 border-radius: 10px; |
|
426 color: #ffcc00 !important; |
|
427 font: 8px; |
|
428 border-width: 2px; |
|
429 border-color: #11084A; |
|
430 } |
|
431 |
|
432 #hatList::item:hover, #themeList::item:hover { |
|
433 background-color: #150A61; |
|
434 } |
|
435 |
|
436 #hatList::item:selected, #themeList::item:selected { |
|
437 background-color: #150A61; |
|
438 } |
|
439 |
|
440 QDialogButtonBox QPushButton { |
|
441 padding: 3px 5px; |
|
442 } |
|
443 |
|
444 #gameCfgWidgetTabs { |
|
445 border-radius: 16px; |
|
446 border-top-left-radius: 0px; |
|
447 } |
|
448 |
|
449 TeamSelWidget, #gameStackContainer, #GBoxOptions { |
|
450 border-radius: 10px; |
|
451 } |
|
452 |
|
453 PageMultiplayer TeamSelWidget { |
|
454 min-height: 500px; |
|
455 } |