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