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

   Main

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

QWidget {

  background-color: @bg;

  color: @text-color;

  &:disabled {

    color: @text-color-disabled;

  }

}

TPanel {

  // Placeholder

}

QFrame {

  border: 0;

  margin: 0;

  padding: 0;

}

QToolTip,

#helpToolTip {

  background-color: @tooltip-bg-color;

  border: 1 solid @tooltip-border-color;

  color: @tooltip-text-color;

  padding: 1 1;

}

#DockSeparator,

QMainWindow::separator,

QSplitter::handle {

  background-color: @dock-bg-color;

  height: 4;

  width: 4;

}

#TDockPlaceholder {

  background-color: @dock-placeholder-color;

}

TPanel {

  background-color: @dock-bg-color;

}

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

   Topbar

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

#TopBar {

  background: @topbar-bg-color;

  border: 0;

  border-bottom: 1 solid @accent;

  height: 21;

  & #EditToolLockButton {

    background: @topbar-bg-color;

    spacing: 0;

    &::indicator {

      // inherits from #ToolOptions

      background: none;

      border: none;

      height: 18;

      margin: 1 2 0 0;

      padding-left: 0;

      padding-right: 0;

    }

  }

}

#TopBarTabContainer {

  background-color: @topbar-bg-color;

  margin-bottom: 1; // 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: 1 solid @topbar-bg-color; // Helps to align with QMenu

    margin: 0;

    padding: 3 5;

    &:selected {

      .hl-color-secondary;

    }

    &:pressed {

      .hl-color;

    }

  }

}

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

   Workspaces

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

#TopBarTab {

  margin: 0;

  padding: 0;

  &::tab {

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

    border-top: 1 solid @accent;

    border-right: 1 solid @accent;

    color: @rooms-tab-text-color;

    margin: 0 0 0 0;

    padding: 2 8 3 8;

    &: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: 1 solid @accent;

    }

    &:last {

      border-right: 1 solid @accent;

    }

  }

}

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

   Menu

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

QMenu {

  background-color: @menu-bg-color;

  border: 1 solid @menu-border-color;

  padding: 2 0;

  &::item {

    padding: 3 28;

    &:selected {

      .hl-color;

    }

    &:checked {

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

      &:selected {

        .hl-color;

      }

    }

    &:disabled {

      background: none;

      color: @text-color-disabled;

      &:selected {

        border-color: transparent;

      }

    }

  }

  &::separator {

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

    height: 0;

    margin: 2 0;

  }

  &::icon {

    border-radius: 2;

    margin: 0 0 0 3;

    padding: 1;

    &:checked {

      background-color: @hl-bg-color;

    }

  }

  &::indicator {

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

    margin-left: 7;

  }

}

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

   Titlebars

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

TPanelTitleBar {

  background-color: @title-bg-color;

  border-color: @accent;

  border-style: solid;

  border-width: 0 0 1 0;

  height: 20;

  min-height: 20;

  qproperty-TitleColor: @title-text-color;

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

  // QSS only works when pixmaps are set to '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: 16;

    margin: 0;

  }

  &:vertical {

    margin: 0;

    width: 16;

  }

  &::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 16;

      min-width: 20;

    }

    &:vertical {

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

      margin: 16 @scrollbar-handle-margin;

      min-height: 20;

    }

  }

  &::add-line {

    subcontrol-origin: margin;

    border: 0;

    &:horizontal { // right

      subcontrol-position: right;

      background-color: @scrollbar-bg-color;

      margin: 0;

      width: 16;

    }

    &:vertical { // down

      subcontrol-position: bottom;

      background-color: @scrollbar-bg-color;

      margin: 0;

      height: 16;

    }

  }

  &::sub-line {

    border: 0;

    subcontrol-origin: margin;

    &:horizontal { // left

      subcontrol-position: left;

      background-color: @scrollbar-bg-color;

      margin: 0;

      width: 16;

    }

    &:vertical { // up

      subcontrol-position: top;

      background-color: @scrollbar-bg-color;

      margin: 0;

      height: 16;

    }

  }

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

                           // nudge arrow down 1 on pressed event

  &::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

// !!!! this is not the #ToolBar window !!!!

// look in [layouts/toolbar] for the window

QToolBar {

  padding: 0;

  &::separator {

    &:horizontal {

      border-left: 1 solid @accent;

      margin: 0 1;

      width: 0;

    }

    &:vertical {

      border-top: 1 solid @accent;

      height: 0;

      margin: 1 0;

    }

  }

  & QLabel {

    margin-top: 1;

  }

  & QToolBar {

    border: 0;

  }

}

QToolButton {

  &:extend(.button-tool all);

  &::menu-indicator {

    image: none;

  }

  &::menu-button {

    border-image: none;

  }

}

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

/* Scrollable QToolBar Buttons

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

.DvScrollWidget {

  & QPushButton {

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

    border: 0 solid @scrollable-button-border-color;

    border-radius: 0;

    padding: 0;

    max-width: 16;

    &:hover {

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

    }

    &:pressed {

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

    }

  }

}

DvScrollWidget {

  // Can't extend to a Qt selector so we use

  // a mixin instead

  &:extend(.DvScrollWidget all);

}

#ScrollLeftButton,

#ScrollRightButton,

#ScrollUpButton,

#ScrollDownButton {

  &:extend(.DvScrollWidget all);

  margin: 0;

  min-width: 16;

}

#ScrollLeftButton {

  border-right: 1 solid @accent;

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

}

#ScrollRightButton {

  border-left: 1 solid @accent;

  margin-left: 3;

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

}

#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: 18;

  }

  #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

  background: @tree-bg-color;

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

}

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

   Tab Systems

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

#TabBarContainer {

  &:extend(.tab-container);

  background-color: @tabbar-bg-color;

}