/* -----------------------------------------------------------------------------

   Core

----------------------------------------------------------------------------- */

QWidget {

  background-color: @bg;

  color: @text-color;

  &:disabled {

    color: @text-color-disabled;

  }

}

QFrame {

  border: 0;

  margin: 0;

  padding: 0;

}

/* -----------------------------------------------------------------------------

   Tooltip

----------------------------------------------------------------------------- */

QToolTip,

#helpToolTip {

  background-color: #ffffe1;

  border: 1px solid #000;

  color: #000;

  padding: 1px 0;

}

/* -----------------------------------------------------------------------------

   Dock Separator

----------------------------------------------------------------------------- */

#DockSeparator,

QMainWindow::separator,

QSplitter::handle {

  background-color: @dock-bg-color;

  height: 4px;

  width: 4px;

}

#TDockPlaceholder {

  background-color: @dock-placeholder-color;

}

TPanel {

  background-color: @window-border-color;

}

/* -----------------------------------------------------------------------------

   Topbar

----------------------------------------------------------------------------- */

#TopBar {

  background: @topbar-bg-color;

  border: 0;

  border-bottom: 1px solid @accent;

  height: 21px;

  & #EditToolLockButton {

    background: @topbar-bg-color;

    spacing: 0;

    &::indicator {

      // This inherits from #ToolOptions (layouts/toolbar)

      background: none;

      border: none;

      height: 18px;

      margin: 1px 2px 0 0;

      padding-left: 0;

      padding-right: 0;

    }

  }

}

#TopBarTabContainer {

  background-color: @topbar-bg-color;

  margin-bottom: 1px; // Required for #TopBar border-bottom to show

}

#StackedMenuBar {

  border: 0;

  margin: 0;

  padding: 0;

}

QMenuBar {

  background-color: @topbar-bg-color;

  border: 0;

  &::item {

    background-color: @topbar-bg-color;

    border-left: 1px solid @topbar-bg-color; // Helps to align with QMenu

    margin: 0;

    padding: 3px 5px;

    &:selected {

      .selected-secondary;

    }

    &:pressed {

      .selected-primary;

    }

  }

}

/* -----------------------------------------------------------------------------

   Workspaces

----------------------------------------------------------------------------- */

#TopBarTab {

  margin: 0;

  padding: 0;

  &::tab {

    background-color: @rooms-tab-bg-color;

    border-top: 1px solid @accent;

    border-right: 1px solid @accent;

    color: @rooms-tab-text-color;

    margin: 0 0 0 0;

    padding: 2px 8px 3px 8px;

    &:hover {

      background-color: @rooms-tab-bg-color-hover;

      color: @rooms-text-color-hover;

    }

    &:selected {

      background-color: @rooms-tab-bg-color-selected;

      color: @rooms-tab-text-color-selected;

    }

    &:first {

      border-left: 1px solid @accent;

    }

    &:last {

      border-right: 1px solid @accent;

    }

  }

}

/* -----------------------------------------------------------------------------

   Menu

----------------------------------------------------------------------------- */

QMenu {

  background-color: @menu-bg-color;

  border: 1px solid @menu-border-color;

  padding: 2px 0;

  &::item {

    padding: 3px 28px;

    &:selected {

      .selected-primary;

    }

    &:checked {

      color: @menu-checkbox-text-color-selected;

      &:selected {

        .selected-primary;

      }

    }

    &:disabled {

      background: none;

      color: @text-color-disabled;

      &:selected {

        border-color: transparent;

      }

    }

  }

  &::separator {

    border-top: 1px solid @menu-separator-color;

    height: 0;

    margin: 2px 0;

  }

  &::icon {

    border-radius: 2px;

    margin: 0 0 0 3px;

    padding: 1px;

    &:checked {

      background-color: @selected-bg-color;

    }

  }

  &::indicator {

    &:extend(.CheckBox::indicator all);

    margin-left: 7px;

  }

}

/* -----------------------------------------------------------------------------

   Titlebars

----------------------------------------------------------------------------- */

TPanelTitleBar {

  background-color: @title-bg-color;

  border-color: @accent;

  border-style: solid;

  border-width: 0 0 1px 0;

  height: 20px;

  min-height: 20px;

  qproperty-TitleColor: @title-text-color;

  qproperty-ActiveTitleColor: @title-text-color-active;

  // QSS only works when pixmaps are set as 'none'

  qproperty-BorderPixmap: url('none');

  qproperty-ActiveBorderPixmap: url('@{img-url}/@{title-active-border-pixmap}');

  qproperty-FloatBorderPixmap: url('none');

  qproperty-FloatActiveBorderPixmap: url('@{img-url}/@{title-active-border-pixmap}');

}

/* -----------------------------------------------------------------------------

   Scrollbars

----------------------------------------------------------------------------- */

QAbstractScrollArea::corner {

  background-color: @scrollbar-bg-color;

}

QScrollBar {

  background-color: @scrollbar-bg-color;

  border: 0;

  &:horizontal {

    height: 16px;

    margin: 0;

  }

  &:vertical {

    margin: 0;

    width: 16px;

  }

  &::handle {

    border: @scrollbar-handle-border-size solid @scrollbar-handle-border-color;

    border-radius: @scrollbar-handle-radius;

    &:horizontal,

    &:vertical {

      &:hover {

        background-color: @scrollbar-handle-bg-color-hover;

        border-color: @scrollbar-handle-border-color-hover;

      }

      &:pressed {

        background-color: @scrollbar-handle-bg-color-pressed;

        border-color: @scrollbar-handle-border-color-pressed;

      }

    }

    &:horizontal {

      background-color: @scrollbar-handle-bg-color;

      margin: @scrollbar-handle-margin 16px;

      min-width: 20px;

    }

    &:vertical {

      background-color: @scrollbar-handle-bg-color;

      margin: 16px @scrollbar-handle-margin;

      min-height: 20px;

    }

  }

  &::add-line {

    subcontrol-origin: margin;

    border: 0;

    &:horizontal { // right

      subcontrol-position: right;

      background-color: @scrollbar-bg-color;

      margin: 0;

      width: 16px;

    }

    &:vertical { // down

      subcontrol-position: bottom;

      background-color: @scrollbar-bg-color;

      margin: 0;

      height: 16px;

    }

  }

  &::sub-line {

    border: 0;

    subcontrol-origin: margin;

    &:horizontal { // left

      subcontrol-position: left;

      background-color: @scrollbar-bg-color;

      margin: 0;

      width: 16px;

    }

    &:vertical { // up

      subcontrol-position: top;

      background-color: @scrollbar-bg-color;

      margin: 0;

      height: 16px;

    }

  }

  @arrow-pressed: 1px 0 0 0; // press effect shortcut

  &::up-arrow:vertical {

    image: url('@{img-url}/scroll-up.svg');

    image-position: center center;

    &:pressed {

      margin: @arrow-pressed;

    }

  }

  &::down-arrow:vertical {

    image: url('@{img-url}/scroll-down.svg');

    image-position: center center;

    &:pressed {

      margin: @arrow-pressed;

    }

  }

  &::left-arrow:horizontal {

    image: url('@{img-url}/scroll-left.svg');

    image-position: center center;

    &:pressed {

      margin: @arrow-pressed;

    }

  }

  &::right-arrow:horizontal {

    image: url('@{img-url}/scroll-right.svg');

    image-position: center center;

    &:pressed {

      margin: @arrow-pressed;

    }

  }

  &::sub-page,

  &::add-page {

    &:horizontal,

    &:vertical {

      background: none;

    }

  }

}

/* -----------------------------------------------------------------------------

   Tool Bars

----------------------------------------------------------------------------- */

// This applies to QToolBar (Qt).

// This is not the #ToolBar widget window.

// Look in [layouts/toolbar] if you're looking for the window.

QToolBar {

  padding: 0;

  &::separator {

    &:horizontal {

      border-left: 1px solid @accent;

      margin: 0 1px;

      width: 0;

    }

    &:vertical {

      border-top: 1px solid @accent;

      height: 0;

      margin: 1px 0;

    }

  }

  & QLabel {

    margin-top: 1px;

  }

  & QToolBar {

    border: 0;

  }

}

QToolButton {

  &:extend(.button-tool all);

  &::menu-indicator {

    image: none;

  }

  &::menu-button {

    border-image: none;

  }

}

/* -------------------------------------------------------------------------- */

// Scrollable QToolBar buttons.

// This is a global style so pay attention to #ComboViewer and #PaletteViewer

// versions when tweaking these as they use unique positioning.

DvScrollWidget {

  & QPushButton {

    background-color: @button-bg-color;

    border: 0;

    border-radius: 0;

    padding: 0;

    max-width: 16px;

    min-width: 16px;

    &:hover {

      background-color: @button-bg-color-hover;

    }

    &:pressed {

      background-color: @button-bg-color-pressed;

    }

  }

}

#ScrollLeftButton,

#ScrollRightButton,

#ScrollUpButton,

#ScrollDownButton {

  background-color: @bg;

  background-clip: padding;

  background-origin: padding;

  max-width: 16px;

  min-width: 16px;

  padding: 0;

  margin: 0;

  &:hover {

    background-color: @button-bg-color-hover;

  }

  &:pressed {

    background-color: @button-bg-color-pressed;

  }

}

#ScrollLeftButton {

  image: url('@{img-url}/scroll-left.svg');

  border-right: 1px solid @accent;

}

#ScrollRightButton {

  image: url('@{img-url}/scroll-right.svg');

  border-left: 1px solid @accent;

  border-right: 1px solid @accent; // For FpsSlider only

}

#ScrollUpButton {

  image: url('@{img-url}/scroll-up.svg');

}

#ScrollDownButton {

  image: url('@{img-url}/scroll-down.svg');

}

/* -------------------------------------------------------------------------- */

#keyFrameNavigator {

  background: none;

  margin: 0;

  padding: 0;

  & QToolButton {

    min-width: 18px;

  }

  #PreviousKey {

    image: url('@{img-url}/prevkey.svg');

    &:hover {

      image: url('@{img-url}/prevkey_over.svg');

    }

	  &:disabled {

		  image: url('@{img-url}/prevkey_disabled.svg');

	  }

  }

  #NextKey {

    image: url('@{img-url}/nextkey.svg');

    &:hover {

      image: url('@{img-url}/nextkey_over.svg');

    }

	  &:disabled {

		  image: url('@{img-url}/nextkey_disabled.svg');

	  }

  }

}

/* -----------------------------------------------------------------------------

   Tree Systems

----------------------------------------------------------------------------- */

QTreeWidget {

  &:extend(.tree-list all);

  background: @tree-bg-color;

  alternate-background-color: @tree-bg-color-alt;

}

QListView {

  outline: 0; // hide focus border

}

/* -----------------------------------------------------------------------------

   Tab Systems

----------------------------------------------------------------------------- */

#TabBarContainer {

  &:extend(.tab-container all);

  background-color: @tabbar-bg-color;

}