diff options
Diffstat (limited to 'res/skins/LateNight/style_palemoon.qss')
-rw-r--r-- | res/skins/LateNight/style_palemoon.qss | 356 |
1 files changed, 142 insertions, 214 deletions
diff --git a/res/skins/LateNight/style_palemoon.qss b/res/skins/LateNight/style_palemoon.qss index e90370d4f9..60adce7799 100644 --- a/res/skins/LateNight/style_palemoon.qss +++ b/res/skins/LateNight/style_palemoon.qss @@ -85,6 +85,9 @@ QAbstractScrollArea::corner { border-radius: 1px; background-color: #151517; } + #ToolBar { + border-width: 0px 0px 1px 0px; + } #WaveformsContainer { border-width: 1px 0px; border-radius: 0px; @@ -380,7 +383,7 @@ WSearchLineEdit { } #ToolBar { - padding: 1px 2px 0px 2px; + padding: 0px 2px 0px 2px; } #BatteryBox, #ClockWidget { @@ -877,7 +880,8 @@ WBeatSpinBox::down-button, margin: 2px 0px 1px 1px; } -WEffectSelector { +WEffectSelector:!editable, +WEffectSelector:!editable:on { /* Fixes the white bars on the top/bottom of the popup on Mac OS X */ min-height: 13px; margin: 1px 0px 0px 0px; @@ -887,7 +891,8 @@ WEffectSelector { /* The 3D frame on the combo box becomes flat when you give it a border border-radius: 3px; */ } -#fadeModeCombobox { +#fadeModeCombobox:!editable, +#fadeModeCombobox:!editable:on { height: 18px; margin: 0px 0px 3px 1px; padding: 1px 0px 1px 4px; @@ -895,11 +900,6 @@ WEffectSelector { WEffectSelector QAbstractScrollArea, #fadeModeCombobox QAbstractScrollArea { - width: 142px; - /* padding-left: 6px; */ - /* On Linux, this is not applied but font color from WEffectSelector - is inherited. - On Windows, it must be defined here */ border: 1px solid #444; border-radius: 2px; padding: 0px; @@ -925,15 +925,6 @@ WEffectSelector { text sits at left border now border: 0; */ } - WEffectSelector::indicator, - #fadeModeCombobox::indicator { - /* This is sufficient to completely hide the tick mark, but - this alone would show an empty, shadowed box instead of tick mark - background-color: transparent;*/ - /* This should decrease the tick mark's left & right margin but is not respected */ - margin: 0px; - padding: 0px; - } WPushButton#FxSuperLinkButton, WPushButton#FxSuperLinkInvertButton { @@ -1214,7 +1205,6 @@ WCueMenuPopup QLabel, #CueLabelEdit, WCoverArtMenu, WTrackMenu, -WTrackMenu QCheckBox, WTrackMenu QMenu, WTrackMenu QMenu QCheckBox { color: #c2b3a5; @@ -1233,8 +1223,10 @@ WTrackMenu QMenu QCheckBox { #SkinSettingsNumToggleHeader[displayValue="0"] { color: #756e6c; } -WEffectSelector, -#fadeModeCombobox { +WEffectSelector:!editable, +WEffectSelector:!editable:on, +#fadeModeCombobox:!editable, +#fadeModeCombobox:!editable:on { color: #918273; font-size: 14px; } @@ -1328,6 +1320,9 @@ WEffectSelector, } /* Grey. default for all deck labels */ +#MainMenu, +#MainMenu QMenu, +#MainMenu QMenu QCheckBox, #PlayPositionText, #PlayPositionTextSmall, #DurationText, #RateText, #RateRangePrefix, #RateRangeText, @@ -1438,9 +1433,9 @@ WOverview #PassthroughLabel { #KeyMatchReset[displayValue="0"], WPushButton#VinylButton[displayValue="0"], WPushButton#FxAssignButton1[displayValue="0"], -WEffectSelector, +WEffectSelector:!editable, +#fadeModeCombobox:!editable, #LibraryFeatureControls QPushButton:enabled, -#fadeModeCombobox, #CueDeleteButton { outline: none; border-width: 2px; @@ -1464,8 +1459,8 @@ WEffectSelector, QPushButton#pushButtonRepeatPlaylist:checked, QPushButton#pushButtonAnalyze:checked, QPushButton#pushButtonRecording:checked, - #fadeModeCombobox:on, - WEffectSelector:on, + WEffectSelector:!editable:on, + #fadeModeCombobox:!editable:on, #CueDeleteButton[pressed="true"] { border-width: 2px; border-image: url(skin:/palemoon/buttons/btn_embedded_library_active.svg) 2 2 2 2; @@ -1495,10 +1490,10 @@ WEffectSelector, } WEffectSelector, - WEffectSelector:on { + WEffectSelector::on { margin-top: 1px; } - WEffectSelector:on { + WEffectSelector::on { padding-left: 10px; } @@ -2498,21 +2493,12 @@ WTrackTableView { /* This is the only way to select the 'Played' checkbox. Note that this also selects the BPM lock. */ #LibraryContainer QTableView::indicator { -/* This results in 10x10px + 1px border = 12x12px - Omitting this definitions makes the checkbox grow to - 12x12px + 1px border = 14x14px */ - width: 10px; - height: 10px; - /* border is added to size defined above */ + /* border is added to configured size */ border: 1px solid transparent; margin: 0px; padding: 0px; } - #LibraryContainer QTableView::indicator:checked { - image: url(skin:/palemoon/buttons/btn__lib_checkmark_blue.svg); - } #LibraryContainer QTableView::indicator:unchecked { - image: none; border: 1px solid rgba(151,151,151,128); } @@ -2584,6 +2570,7 @@ WLibrary QLineEdit, + /*********** scrollbars *********************************/ #LibraryContainer QScrollBar, WEffectSelector QAbstractScrollArea QScrollBar { @@ -2764,7 +2751,7 @@ WLibrary QRadioButton::indicator:unchecked { /* Suppresses that selected sidebar items branch indicator shows wrong color when out of focus ; lp:880588 */ border-image: none; - image: url(skin:/palemoon/style/library_branch_closed_grey.png); + image: url(skin:/palemoon/style/library_branch_closed_grey.png); } /* closed, selected */ #LibraryContainer QTreeView::branch:closed:has-children:!has-siblings:selected, @@ -2800,20 +2787,25 @@ WLibrary QRadioButton::indicator:unchecked { /************** common styles for WEffectSelector ****************************** *************** QSpinBox, QMenu, QToolTip *************************************/ +QToolTip, +#LibraryContainer QMenu, +WTrackMenu, +WTrackMenu QMenu, WEffectSelector QAbstractScrollArea, #fadeModeCombobox QAbstractScrollArea, -QToolTip, WBeatSpinBox QMenu, -#LibraryContainer QMenu, WCueMenuPopup, WCueMenuPopup QMenu, -WCoverArtMenu, -WTrackMenu, -WTrackMenu QMenu { +WCoverArtMenu { padding: 3px; border: 1px solid #333; border-radius: 1px; } +#MainMenu QMenu { + padding: 0.08em; + border: 1px solid #333; + border-radius: 1px; +} #SkinContainer { background-color: #080808; @@ -2827,48 +2819,55 @@ WSearchLineEdit, background-color: #0f0f0f; } +#MainMenu, +#MainMenu::item, +#MainMenu QMenu, +#MainMenu QMenu::item, +#MainMenu QMenu QCheckBox, +#LibraryContainer QMenu, +#LibraryContainer QMenu::item, +#LibraryContainer QMenu QCheckBox, +WTrackMenu, +WTrackMenu QMenu, +WTrackMenu::item, +WTrackMenu QMenu::item, +WTrackMenu QMenu QCheckBox, QToolTip, WBeatSpinBox QMenu, - WCueMenuPopup, - #LibraryContainer QMenu, - WCueMenuPopup QMenu, - WCoverArtMenu, - WTrackMenu, - WTrackMenu QMenu, WBeatSpinBox QMenu::item, - #LibraryContainer QMenu::item, - WCueMenuPopup QMenu::item, - WCueMenuPopup QLabel, - WCoverArtMenu::item, - WTrackMenu::item, - WTrackMenu QMenu::item, -#LibraryContainer QMenu QCheckBox, -WTrackMenu QCheckBox, -WTrackMenu QMenu QCheckBox, +WCueMenuPopup, +WCueMenuPopup QMenu, +WCueMenuPopup QMenu::item, +WCueMenuPopup QLabel, +WCoverArtMenu, +WCoverArtMenu::item, WEffectSelector QAbstractScrollArea, -#fadeModeCombobox QAbstractScrollArea, WEffectSelector::item, +#fadeModeCombobox QAbstractScrollArea, #fadeModeCombobox::item { background-color: #151517; } /* hovered items */ - WEffectSelector::item:selected, - #fadeModeCombobox::item:selected, - WBeatSpinBox QMenu::item:selected, + #MainMenu::item:selected, + #MainMenu QMenu::item:selected, + #MainMenu QMenu::item:focus, + #MainMenu QMenu::item:hover, + #MainMenu QMenu::indicator:checked:selected, + #MainMenu QMenu::indicator:unchecked:selected, #LibraryContainer QMenu::item:selected, - WCueMenuPopup QMenu::item:selected, - WCoverArtMenu::item:selected, - WTrackMenu::item:selected, - WTrackMenu QMenu::item:selected, #LibraryContainer QMenu QCheckBox:selected, #LibraryContainer QMenu QCheckBox:focus, /* selected by keyboard */ #LibraryContainer QMenu QCheckBox:hover, /* mouse hover */ - WTrackMenu QCheckBox:selected, - WTrackMenu QCheckBox:focus, - WTrackMenu QCheckBox:hover, + WTrackMenu::item:selected, + WTrackMenu QMenu::item:selected, WTrackMenu QMenu QCheckBox:selected, WTrackMenu QMenu QCheckBox:focus, WTrackMenu QMenu QCheckBox:hover, + #fadeModeCombobox::item:selected, + WEffectSelector::item:selected, + WBeatSpinBox QMenu::item:selected, + WCueMenuPopup QMenu::item:selected, + WCoverArtMenu::item:selected, #SkinSettingsButton[hover="true"], #SkinSettingsNumToggle[hover="true"], #SkinSettingsNumToggleHeader[hover="true"], @@ -2894,17 +2893,18 @@ WEffectSelector::item, color: #fff; } /* disabled items */ + #MainMenu QMenu::item:disabled, + #MainMenu QMenu QCheckBox:disabled, + #LibraryContainer QMenu::item:disabled, + #LibraryContainer QMenu QCheckBox:disabled, + WTrackMenu::item:disabled, + WTrackMenu QMenu::item:disabled, + WTrackMenu QMenu QCheckBox:disabled, WEffectSelector::item:disabled, #fadeModeCombobox::item:disabled, WBeatSpinBox QMenu::item:disabled, - #LibraryContainer QMenu::item:disabled, WCueMenuPopup QMenu::item:disabled, - WCoverArtMenu::item:disabled, - WTrackMenu::item:disabled, - WTrackMenu QMenu::item:disabled, - #LibraryContainer QMenu QCheckBox:disabled, - WTrackMenu QCheckBox:disabled, - WTrackMenu QMenu QCheckBox:disabled { + WCoverArtMenu::item:disabled { color: #555; } @@ -2913,13 +2913,15 @@ WEffectSelector, /* The 3D frame on the combo box becomes flat when you give it a border border-radius: 3px; */ } - WEffectSelector { + WEffectSelector:!editable, + WEffectSelector:!editable:on { /* If you use margin top/bottom 0, the combo box shrinks in width (go figure) and names start getting cut off. Adding explicit padding improves this. */ padding: 3px 0px 1px 5px; margin: 0px; } - #fadeModeCombobox { + #fadeModeCombobox:!editable, + #fadeModeCombobox:!editable:on { min-height: 17px; max-height: 17px; padding: 1px 0px 1px 5px; @@ -2928,179 +2930,105 @@ WEffectSelector, WEffectSelector::down-arrow, #fadeModeCombobox::down-arrow { image: url(skin:/palemoon/buttons/btn__fx_selector_down.svg); - border: 0; - padding: 0; - margin: 0; } - WEffectSelector QAbstractScrollArea { - min-width: 160px; - } - #fadeModeCombobox QAbstractScrollArea { - min-width: 185px; - } - WEffectSelector::indicator:checked, - #fadeModeCombobox::indicator:checked { - /* checkbox container is 28 x 22px - use margin + border to create a square checkbox sized like kill buttons */ - margin: 2px; - image: url(skin:/palemoon/buttons/btn__lib_checkmark_ivory.svg); - } - WEffectSelector::checked, /* selected item */ - WEffectSelector::indicator, /* checkbox, tick mark */ - WEffectSelector::drop-down, - WEffectSelector::indicator:!checked, - #fadeModeCombobox::checked, /* selected mode */ - #fadeModeCombobox::indicator, /* checkbox, tick mark */ - #fadeModeCombobox::drop-down, - #fadeModeCombobox::indicator:!checked, - WBeatSpinBox QMenu::item, - #LibraryContainer QMenu::item, - WCueMenuPopup QMenu::item, - WCoverArtMenu::item, - WTrackMenu::item, - WTrackMenu QMenu::item, - #LibraryContainer QMenu QCheckBox, - WTrackMenu QCheckBox, - WTrackMenu QMenu QCheckBox { - padding: 0px; - margin: 0px; - image: none; - outline: none; - border: 0px solid transparent; - } - WBeatSpinBox QMenu::separator, + #MainMenu QMenu:separator, #LibraryContainer QMenu::separator, - WCueMenuPopup QMenu::separator, WTrackMenu::separator, WTrackMenu QMenu::separator, + WCueMenuPopup QMenu::separator, + WBeatSpinBox QMenu::separator, #SkinSettingsSeparator { border-top: 1px solid #000; border-bottom: 1px solid #222; } - WBeatSpinBox QMenu::separator, - #LibraryContainer QMenu::separator, - WCueMenuPopup QMenu::separator, - WTrackMenu::separator, - WTrackMenu QMenu::separator { - height: 0px; - margin: 4px; - } - WBeatSpinBox QMenu::item, - #LibraryContainer QMenu::item, - WCueMenuPopup QMenu::item, - WCoverArtMenu::item, - WTrackMenu::item, - WTrackMenu QMenu::item { - /* Right padding creates a margin to the menu expand arrow. - Left padding should be bigger than menu icon width + menu icon - left/right margin */ - padding: 5px 12px 5px 26px; - } - /* Icons in QLineEdit menus: - beatsize spinbox, searchbox, editable track properties */ - WBeatSpinBox QMenu::icon, - #LibraryContainer QMenu::icon, - WCueMenuPopup QMenu::icon, - WTrackMenu::icon, - WTrackMenu QMenu::icon, - /* checkbox in Crate name context menu: - "[ ] Auto DJ Track Source" */ - #LibraryContainer QMenu::indicator, - WTrackMenu::indicator, - WTrackMenu QMenu::indicator { - margin: 0px 4px 0px 5px; - } - /* items in Crate sub menu */ - #LibraryContainer QMenu QCheckBox, - WTrackMenu QCheckBox, - WTrackMenu QMenu QCheckBox { - padding: 3px 10px 3px 5px; - } - #LibraryContainer QMenu QCheckBox::indicator, - #LibraryContainer QMenu::indicator, - WCueMenuPopup QMenu::indicator, - WTrackMenu QCheckBox::indicator, - WTrackMenu::indicator, - WTrackMenu QMenu QCheckBox::indicator, - WTrackMenu QMenu::indicator { - width: 13px; - height: 13px; - border: 1px solid #333; - border-radius: 1px; - background-color: #000; - /* remove OS focus indicator */ - outline: none; + + #MainMenu QMenu::indicator:checked, + #MainMenu QMenu::indicator:checked:selected { + image: url(skin:/palemoon/buttons/btn__menu_checkbox_checked.svg); + } + #MainMenu QMenu::indicator:unchecked, + #MainMenu QMenu::indicator:unchecked:selected { + image: url(skin:/palemoon/buttons/btn__menu_checkbox.svg); } #LibraryContainer QMenu QCheckBox::indicator:checked, #LibraryContainer QMenu::indicator:checked, - WTrackMenu QCheckBox::indicator:checked, - WTrackMenu::indicator:checked, + #LibraryContainer QTableView::indicator:checked, WTrackMenu QMenu QCheckBox::indicator:checked, WTrackMenu QMenu::indicator:checked, WCueMenuPopup QMenu::indicator:checked { image: url(skin:/palemoon/buttons/btn__lib_checkmark_blue.svg); - } + } + WEffectSelector::indicator:checked, + #fadeModeCombobox::indicator:checked { + image: url(skin:/palemoon/buttons/btn__effect_selected.svg); + width: 13px; + height: 13px; + margin-left: 4px; + } /* disabled menu item and checkbox */ - #LibraryContainer QMenu QCheckBox:!enabled, + #LibraryContainer QMenu QCheckBox::indicator:!enabled:checked, + #LibraryContainer QMenu QCheckBox::indicator:indeterminate, + WTrackMenu QMenu QCheckBox::indicator:!enabled:checked, + WTrackMenu QMenu QCheckBox::indicator:indeterminate { + image: url(skin:/palemoon/buttons/btn__lib_checkmark_grey.svg); + } + /* explicitly remove icon from unchecked items */ + #LibraryContainer QMenu::indicator:unchecked, + #LibraryContainer QMenu::indicator:unchecked:selected, + #LibraryContainer QTableView::indicator:unchecked, + #LibraryContainer QTableView::indicator:unchecked:selected, + WEffectSelector::indicator:unchecked, + WEffectSelector::indicator:unchecked:selected, + #fadeModeCombobox::indicator:unchecked, + #fadeModeCombobox::indicator:unchecked:selected { + image: none; + } + + #LibraryContainer QMenu QCheckBox::indicator:!enabled:checked, + #LibraryContainer QMenu QCheckBox::indicator:!enabled:unchecked, + #LibraryContainer QMenu QCheckBox::indicator:indeterminate, + #LibraryContainer QMenu::indicator:!enabled:unchecked, + WTrackMenu QMenu QCheckBox::indicator:!enabled:unchecked, + WTrackMenu QMenu QCheckBox::indicator:!enabled:checked, + WTrackMenu QMenu QCheckBox::indicator:indeterminate, + WCueMenuPopup QMenu::indicator:!enabled:unchecked { + background-color: #222; + } + + #MainMenu::item:!enabled, + #MainMenu QMenu::item:!enabled, #LibraryContainer QMenu::item:!enabled, - WTrackMenu QCheckBox:!enabled, + #LibraryContainer QMenu QCheckBox:!enabled, + #LibraryContainer QMenu QCheckBox::indicator:!enabled, WTrackMenu::item:!enabled, - WTrackMenu QMenu QCheckBox:!enabled, WTrackMenu QMenu::item:!enabled, + WTrackMenu QMenu QCheckBox:!enabled, + WTrackMenu QMenu QCheckBox::indicator:!enabled, WCueMenuPopup QMenu::item:!enabled, - WCoverArtMenu::item:!enabled, - #LibraryContainer QMenu QCheckBox::indicator:!enabled, - WTrackMenu QCheckBox::indicator:!enabled, - WTrackMenu QMenu QCheckBox::indicator:!enabled { + WCoverArtMenu::item:!enabled { color: #494949; } - #LibraryContainer QMenu QCheckBox::indicator:!enabled:!checked, - #LibraryContainer QMenu::indicator:!enabled:!checked, - WTrackMenu QCheckBox::indicator:!enabled:!checked, - WTrackMenu::indicator:!enabled:!checked, - WTrackMenu QMenu QCheckBox::indicator:!enabled:!checked, - WTrackMenu QMenu::indicator:!enabled:!checked, - WCueMenuPopup QMenu::indicator:!enabled:!checked { - border: 1px solid #222; - background-color: #222; - } #LibraryContainer QMenu QCheckBox::indicator:!enabled:checked, - WTrackMenu QCheckBox::indicator:!enabled:checked, - WTrackMenu QMenu QCheckBox::indicator:!enabled:checked { - image: url(skin:/palemoon/buttons/btn__lib_checkmark_grey.svg); + #LibraryContainer QMenu QCheckBox::indicator:!enabled:unchecked, + WTrackMenu QMenu QCheckBox::indicator:!enabled:checked, + WTrackMenu QMenu QCheckBox::indicator:!enabled:unchecked, + WCueMenuPopup QMenu::indicator:!enabled:unchecked { border: 1px solid #222; - background-color: #222; } - #LibraryContainer QMenu QCheckBox::indicator:indeterminate, - #LibraryContainer QCheckBox::indicator:indeterminate:!enabled, - WTrackMenu QCheckBox::indicator:indeterminate, - WTrackMenu QMenu QCheckBox::indicator:indeterminate { - image: url(skin:/palemoon/buttons/btn__lib_checkmark_grey.svg); - } + + #MainMenu QMenu::right-arrow, #LibraryContainer QMenu::right-arrow, WTrackMenu::right-arrow, WTrackMenu QMenu::right-arrow { - width: 10px; - height: 10px; image: url(skin:/palemoon/style/menu_arrow_ivory.svg); } + #MainMenu QMenu::right-arrow:selected, #LibraryContainer QMenu::right-arrow:selected, WTrackMenu::right-arrow:selected, WTrackMenu QMenu::right-arrow:selected { image: url(skin:/palemoon/style/menu_arrow_white.svg); } - - #LibraryContainer QHeaderView QMenu::indicator { - width: 10px; - height: 10px; - margin-left: 2px; - border: none; - background: none; - } - #LibraryContainer QHeaderView QMenu::indicator:checked { - image: url(skin:/palemoon/buttons/btn__lib_checkmark_blue.svg); - } /************** common styles for WEffectSelector ****************************** *************** QSpinBox, QMenu, QToolTip *************************************/ |