2174
<!-- Library sub-widget -->
2188
**********************************************
2189
Library / Preview Deck / Search / Tree view
2190
**********************************************
2178
2195
<Layout>horizontal</Layout>
2179
<Style>QGroupBox { border: 5px solid #565E6B; margin: 0px 0px 0px 0px;}</Style>
2197
QGroupBox { border: 0px solid #565E6B; margin: 0px 0px 0px 0px;}
2199
QTableView, QTextBrowser, QTreeView { border: 1px solid #656565; font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
2200
background: transparent; color: #ACACAC;
2201
<!--we use "background: transparent" as workaround, else "alternate-background-color" wont work, QT 4.7.x bug?-->
2202
alternate-background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(43, 43, 43, 255), stop:0.049 rgba(43, 43, 43, 255), stop:0.050 rgba(43, 43, 43, 100), stop:0.949 rgba(43, 43, 43, 100), stop:0.95 rgba(43, 43, 43, 255), stop:1 rgba(43, 43, 43, 255));}
2203
<!--checkbox in library "Played" column -->
2204
QTableView::indicator { width: 12px; height: 12px;}
2205
QTableView::indicator:checked { background: url(skin:/style/style_checkbox_checked.png);}
2206
QTableView::indicator:unchecked { background: url(skin:/style/style_checkbox_unchecked.png);}
2207
<!--Button in library "Preview" column -->
2208
QPushButton#LibraryPreviewButton { width: 23px; height: 12px; background: transparent; border: 0; }
2209
QPushButton#LibraryPreviewButton:!checked{ image: url(skin:/style/style_library_preview_play.png); }
2210
QPushButton#LibraryPreviewButton:checked{ image: url(skin:/style/style_library_preview_pause.png); }
2212
QHeaderView { font: 11px/13px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; }
2214
<!--Styling a QSpinbox is complex and it took ages to figure out how to remove the surrounding frame and make the background transparent without affecting the subcontrols (up/down-buttons).
2215
You could easily style a subcontrol like in the QT-Docs, but if you want to have the OS-native subcontrols, this is the only way i found ( there are probably others ).
2216
In our case make sure that the "frame"-property in the corresponding dlgautodj.ui file is set to "false"
2217
The general rule when it comes to stylesheets is always to remember that if you style part of a widget, then you usually have to style all of it.
2219
<!--transition time in Auto DJ tab-->
2220
QSpinBox:editable { font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; background: transparent; color: #ACACAC; }
2221
QSpinBox { min-height: 20px; max-height: 20px;min-width: 40px; max-width: 40px;}
2223
<!--library search bar-->
2224
WSearchLineEdit { padding: 2px; border: 1px solid #656565; font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; background: transparent; color: #ACACAC; }
2225
WSearchLineEdit:focus {padding: 2px; border: 2px solid #FF6600; font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; background: rgba(255, 102, 0,50); color: #D6D6D6;}
2227
<!--splitter between treeview and library-->
2228
QSplitter::handle { image: url(skin:/style/style_handle_unchecked.png); background: none; }
2229
QSplitter::handle:pressed { image: url(skin:/style/style_handle_checked.png); background: none; }
2230
QSplitter::handle:horizontal { width: 6px; }
2231
QSplitter::handle:vertical { height: 6px;}
2233
QPushButton { font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; }
2234
<!--Extra declaration for QRadionButton otherwise it shows up with wrong colors in Linux with Gnome -->
2235
QLabel, QRadioButton { font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; background: transparent; color: #C1C1C1;}
2237
<!--Spacing between treeview and searchbar-->
2238
QTreeView { margin: 6px 0px 0px 0px; }
2240
<!--triangle for closed/opened branches in treeview-->
2241
QTreeView { show-decoration-selected: 0;} <!-- Suppresses that selected sidebar items branch indicator shows wrong color when out of focus ; lp:880588-->
2242
QTreeView::branch:has-children:!has-siblings:closed,
2243
QTreeView::branch:closed:has-children:has-siblings { border-image: none; image: url(skin:/style/style_branch_closed.png);}
2244
QTreeView::branch:open:has-children:!has-siblings,
2245
QTreeView::branch:open:has-children:has-siblings { border-image: none; image: url(skin:/style/style_branch_open.png);}
2247
<BgColor>#101010</BgColor>
2248
<FgColor>#C1C1C1</FgColor>
2249
<BgColorRowEven>#101010</BgColorRowEven>
2250
<BgColorRowUneven>#151515</BgColorRowUneven>
2182
**********************************************
2183
General- Search and Library display
2184
**********************************************
2188
QTableView, QTextBrowser, QTreeView { border: 0px solid #656565; font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
2189
background: transparent; color: #ACACAC;
2190
<!--we use "background: transparent" as workaround, else "alternate-background-color" wont work, QT 4.7.x bug?-->
2191
alternate-background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(43, 43, 43, 255), stop:0.049 rgba(43, 43, 43, 255), stop:0.050 rgba(43, 43, 43, 100), stop:0.949 rgba(43, 43, 43, 100), stop:0.95 rgba(43, 43, 43, 255), stop:1 rgba(43, 43, 43, 255));}
2192
<!--checkbox in library "Played" column -->
2193
QTableView::indicator { width: 12px; height: 12px;}
2194
QTableView::indicator:checked { background: url(skin:/style/style_checkbox_checked.png);}
2195
QTableView::indicator:unchecked { background: url(skin:/style/style_checkbox_unchecked.png);}
2197
QHeaderView { font: 11px/13px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; }
2199
<!--Styling a QSpinbox is complex and it took ages to figure out how to remove the surrounding frame and make the background transparent without affecting the subcontrols (up/down-buttons).
2200
You could easily style a subcontrol like in the QT-Docs, but if you want to have the OS-native subcontrols, this is the only way i found ( there are probably others ).
2201
In our case make sure that the "frame"-property in the corresponding dlgautodj.ui file is set to "false"
2202
The general rule when it comes to stylesheets is always to remember that if you style part of a widget, then you usually have to style all of it.
2204
<!--transition time in Auto DJ tab-->
2205
QSpinBox:editable { font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; background: transparent; color: #ACACAC; }
2206
QSpinBox { min-height: 20px; max-height: 20px;min-width: 40px; max-width: 40px;}
2208
<!--library search bar-->
2209
WSearchLineEdit { padding: 2px; border: 1px solid #656565; font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; background: transparent; color: #ACACAC; }
2210
WSearchLineEdit:focus {padding: 2px; border: 2px solid #FF6600; font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; background: rgba(255, 102, 0,20); color: #D6D6D6;}
2212
<!--splitter between treeview and library-->
2213
QSplitter::handle { image: url(skin:/style/style_handle_unchecked.png); background: none; }
2214
QSplitter::handle:pressed { image: url(skin:/style/style_handle_checked.png); background: none; }
2215
QSplitter::handle:horizontal { width: 6px; }
2216
QSplitter::handle:vertical { height: 6px;}
2218
QPushButton { font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; }
2219
<!--Extra declaration for QRadionButton otherwise it shows up with wrong colors in Linux with Gnome -->
2220
QLabel, QRadioButton { font: 12px/14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; background: transparent; color: #C1C1C1;}
2222
<!--triangle for closed/opened branches in treeview-->
2223
QTreeView {show-decoration-selected: 0;} <!-- Suppresses that selected sidebar item's branch indicator shows wrong color when out of focus ; lp:880588-->
2224
QTreeView::branch:has-children:!has-siblings:closed,
2225
QTreeView::branch:closed:has-children:has-siblings { border-image: none; image: url(skin:/style/style_branch_closed.png);}
2226
QTreeView::branch:open:has-children:!has-siblings,
2227
QTreeView::branch:open:has-children:has-siblings { border-image: none; image: url(skin:/style/style_branch_open.png);}
2230
<BgColor>#101010</BgColor>
2231
<FgColor>#C1C1C1</FgColor>
2232
<BgColorRowEven>#101010</BgColorRowEven>
2233
<BgColorRowUneven>#151515</BgColorRowUneven>
2257
<SplitSizes>1,10</SplitSizes>
2260
<Style>QGroupBox {}</Style>
2261
<Layout>vertical</Layout>
2263
<!-- Preview Deck-->
2268
<Layout>horizontal</Layout>
2270
<!-- Preview Deck Column 1 Row 1-->
2272
<Layout>vertical</Layout>
2278
padding: 2px 0px 2px 2px;
2279
border-left: 1px solid #656565;
2280
border-right: 0px solid #2B2B2B;
2281
border-top: 1px solid #656565;
2282
border-bottom: 1px solid #2B2B2B;
2283
background: transparent;
2286
<Layout>horizontal</Layout>
2289
**********************************************
2291
**********************************************
2294
<TooltipId>text</TooltipId>
2296
font: 11px/13px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
2297
background-color: transparent;
2302
<Group>[PreviewDeck1]</Group>
2304
<Size>50me,15f</Size>
2307
**********************************************
2309
**********************************************
2312
<TooltipId>eject</TooltipId>
2314
<NumberStates>1</NumberStates>
2317
<Pressed>btn_eject1_over.png</Pressed>
2318
<Unpressed>btn_eject1.png</Unpressed>
2322
<ConfigKey>[PreviewDeck1],eject</ConfigKey>
2323
<EmitOnPressAndRelease>true</EmitOnPressAndRelease>
2324
<ButtonState>LeftButton</ButtonState>
2325
<ConnectValueToWidget>false</ConnectValueToWidget>
2330
<!-- Preview Deck Column 1 Row 2-->
2336
border-left: 1px solid #656565;
2337
border-right: 0px solid #2B2B2B;
2338
border-top: 0px solid #2B2B2B;
2339
border-bottom: 1px solid #656565;
2340
background: transparent;
2343
<Layout>horizontal</Layout>
2346
<TooltipId>play_start</TooltipId>
2348
<NumberStates>2</NumberStates>
2349
<RightClickIsPushButton>true</RightClickIsPushButton>
2352
<Pressed>btn_play_sampler_down.png</Pressed>
2353
<Unpressed>btn_play_sampler.png</Unpressed>
2357
<Pressed>btn_play_sampler_overdown.png</Pressed>
2358
<Unpressed>btn_play_sampler_over.png</Unpressed>
2362
<ConfigKey>[PreviewDeck1],play</ConfigKey>
2363
<EmitOnDownPress>true</EmitOnDownPress>
2364
<ButtonState>LeftButton</ButtonState>
2367
<ConfigKey>[PreviewDeck1],start</ConfigKey>
2368
<EmitOnDownPress>true</EmitOnDownPress>
2369
<ButtonState>RightButton</ButtonState>
2370
<ConnectValueToWidget>false</ConnectValueToWidget>
2374
<TooltipId>waveform_overview</TooltipId>
2376
<Group>[PreviewDeck1]</Group>
2379
<BgColor>#FFFFFF</BgColor>
2380
<SignalHighColor>#FFE300</SignalHighColor>
2381
<SignalMidColor>#0099FF</SignalMidColor>
2382
<SignalLowColor>#FF0035</SignalLowColor>
2383
<SignalColor>#FF8000</SignalColor>
2384
<MarkerColor>#00FF00</MarkerColor>
2386
<Align>bottom</Align>
2387
<Color>#FFFFFF</Color>
2388
<TextColor>#00FF00</TextColor>
2392
<Control>cue_point</Control>
2395
<Color>#FF001C</Color>
2396
<TextColor>#00FF00</TextColor>
2399
<ConfigKey>[PreviewDeck1],playposition</ConfigKey>
2400
<EmitOnDownPress>false</EmitOnDownPress>
2408
<!-- Preview Deck Column 2-->
2415
border-left: 0px solid #2B2B2B;
2416
border-right: 1px solid #656565;
2417
border-top: 1px solid #656565;
2418
border-bottom: 1px solid #656565;
2419
background: transparent;
2424
**********************************************
2425
Visual- Volume peak indicator
2426
**********************************************
2429
<TooltipId>PeakIndicator</TooltipId>
2431
<PathStatusLight>btn_clipping_previewdeck_over.png</PathStatusLight>
2432
<PathBack>btn_clipping_previewdeck.png</PathBack>
2435
<ConfigKey>[PreviewDeck1],PeakIndicator</ConfigKey>
2440
**********************************************
2441
Visual - Volume level display
2442
**********************************************
2445
<TooltipId>channel_VuMeter</TooltipId>
2447
<PathVu>btn_volume_display_previewdeck_over.png</PathVu>
2448
<PathBack>btn_volume_display_previewdeck.png</PathBack>
2450
<Horizontal>false</Horizontal>
2451
<PeakHoldSize>3</PeakHoldSize>
2452
<PeakHoldTime>250</PeakHoldTime>
2453
<PeakFallTime>50</PeakFallTime>
2454
<PeakFallStep>3</PeakFallStep>
2456
<ConfigKey>[PreviewDeck1],VuMeter</ConfigKey>
2461
**********************************************
2462
Slider- Channel Volume
2463
**********************************************
2466
<TooltipId>pregain</TooltipId>
2468
<Handle>knob_volume_previewdeck.png</Handle>
2469
<Slider>slider_volume_previewdeck.png</Slider>
2471
<Horizontal>false</Horizontal>
2473
<ConfigKey>[PreviewDeck1],pregain</ConfigKey>
2474
<EmitOnDownPress>false</EmitOnDownPress>
2481
<ConfigKey>[PreviewDeck],show_previewdeck</ConfigKey>
2482
<BindProperty>visible</BindProperty>
2485
<!--Search Input Field-->
2486
<SearchBox></SearchBox>
2487
<!--Library Tree View-->
2488
<LibrarySidebar></LibrarySidebar>
2492
<!-- Library Table-->
2493
<Style>QGroupBox {}</Style>
2494
<Layout>vertical</Layout>