2017-04-14 19:30:36 +12:00
|
|
|
/* -----------------------------------------------------------------------------
|
|
|
|
ComboViewer / Viewer / FlipBook
|
|
|
|
----------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
#ComboViewerPanel {
|
|
|
|
& Toolbar {
|
2017-08-29 06:40:43 +12:00
|
|
|
border-bottom: 1px solid @accent; // accent line against viewport
|
2017-04-14 19:30:36 +12:00
|
|
|
&::separator:horizontal {
|
2017-08-29 06:40:43 +12:00
|
|
|
// workaround for first tool button which adds spacing
|
2017-04-14 19:30:36 +12:00
|
|
|
margin: 0 0 0 2px;
|
|
|
|
}
|
|
|
|
& QToolButton {
|
|
|
|
margin: 2px 0 3px 2px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#ComboViewerToolOptions {
|
2017-08-29 06:40:43 +12:00
|
|
|
border-bottom: 1px solid @accent; // accent line against viewport & ToolBar
|
2017-04-14 19:30:36 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
#ComboViewer,
|
|
|
|
#ViewerPanel,
|
|
|
|
FlipBook {
|
|
|
|
& #ToolBarContainer {
|
|
|
|
background-color: transparent;
|
2017-08-29 06:40:43 +12:00
|
|
|
border-top: 2px solid @accent;
|
|
|
|
border-bottom: 1px solid @accent;
|
|
|
|
padding-right: -1px; // hides right border on #ScrollRightButton when
|
|
|
|
// FPS Slider is turned off
|
2017-04-14 19:30:36 +12:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-06-26 14:43:02 +12:00
|
|
|
QToolBar#FlipConsolePlayToolBar {
|
2017-04-14 19:30:36 +12:00
|
|
|
&::separator:horizontal {
|
2017-08-29 06:40:43 +12:00
|
|
|
margin: 0 3px;
|
2017-04-14 19:30:36 +12:00
|
|
|
}
|
|
|
|
& QToolButton {
|
|
|
|
margin-top: 2px;
|
|
|
|
margin-bottom: 2px;
|
|
|
|
height: 16px;
|
2017-08-29 06:40:43 +12:00
|
|
|
padding-left: 3px;
|
|
|
|
padding-right: 3px;
|
2017-04-14 19:30:36 +12:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#ViewerFpsSlider {
|
|
|
|
background-color: transparent;
|
2017-08-29 06:40:43 +12:00
|
|
|
background-image: url('@{img-url}/@{slider-groove-img}');
|
2017-04-14 19:30:36 +12:00
|
|
|
background-position: center center;
|
|
|
|
background-repeat: repeat-x;
|
|
|
|
border: 0;
|
|
|
|
height: 19px;
|
2017-08-29 06:40:43 +12:00
|
|
|
margin: 0 3px 0 37px;
|
|
|
|
max-width: 300px;
|
2017-04-14 19:30:36 +12:00
|
|
|
min-width: 0px;
|
|
|
|
&::sub-line:horizontal {
|
|
|
|
subcontrol-origin: absolute;
|
|
|
|
background-color: @button-bg-color;
|
|
|
|
border: 1px solid @button-border-color;
|
2017-08-29 06:40:43 +12:00
|
|
|
border-top-left-radius: 2px;
|
|
|
|
border-bottom-left-radius: 2px;
|
2017-04-14 19:30:36 +12:00
|
|
|
height: 16px;
|
|
|
|
left: -33px;
|
|
|
|
width: 14px;
|
|
|
|
}
|
|
|
|
&::add-line:horizontal {
|
|
|
|
subcontrol-position: left;
|
|
|
|
background-color: @button-bg-color;
|
|
|
|
border: 1px solid @button-border-color;
|
|
|
|
border-top-right-radius: 2px;
|
|
|
|
border-bottom-right-radius: 2px;
|
2017-08-29 06:40:43 +12:00
|
|
|
left: 18px;
|
2017-04-14 19:30:36 +12:00
|
|
|
height: 16px;
|
|
|
|
image-position: center center;
|
|
|
|
width: 13px;
|
2017-08-29 06:40:43 +12:00
|
|
|
}
|
|
|
|
&::sub-line:horizontal,
|
|
|
|
&::add-line:horizontal {
|
|
|
|
&:hover {
|
|
|
|
&:extend(.Button:hover all);
|
|
|
|
}
|
2017-04-14 19:30:36 +12:00
|
|
|
&:pressed {
|
2017-08-29 06:40:43 +12:00
|
|
|
&:extend(.Button:pressed all);
|
|
|
|
}
|
|
|
|
&:disabled {
|
|
|
|
&:extend(.Button:disabled all);
|
2017-04-14 19:30:36 +12:00
|
|
|
}
|
|
|
|
}
|
|
|
|
&::handle {
|
|
|
|
&::horizontal {
|
|
|
|
@size: 9px;
|
|
|
|
background-color: @slider-handle-bg-color;
|
|
|
|
border: 1px solid @slider-handle-border-color;
|
|
|
|
border-radius: 2px;
|
|
|
|
margin: 2px 0 3px 0;
|
|
|
|
min-width: @size;
|
|
|
|
width: @size;
|
|
|
|
max-width: @size;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
FlipSlider {
|
|
|
|
qproperty-PBHeight: 15;
|
|
|
|
|
2017-08-29 06:40:43 +12:00
|
|
|
// slider
|
2017-04-14 19:30:36 +12:00
|
|
|
qproperty-PBOverlay: url('@{img-url}/@{flipslider-img}');
|
|
|
|
qproperty-PBColorMarginLeft: 1;
|
|
|
|
qproperty-PBColorMarginTop: 2;
|
|
|
|
qproperty-PBColorMarginRight: 1;
|
|
|
|
qproperty-PBColorMarginBottom: 2;
|
2017-08-29 06:40:43 +12:00
|
|
|
|
|
|
|
// marker
|
|
|
|
qproperty-PBMarker: url('@{img-url}/@{flipmarker-img}');
|
2017-04-14 19:30:36 +12:00
|
|
|
qproperty-PBMarkerMarginLeft: 3;
|
|
|
|
qproperty-PBMarkerMarginRight: 3;
|
|
|
|
qproperty-notStartedColor: @flipslider-notstarted-color;
|
|
|
|
qproperty-startedColor: @flipslider-started-color;
|
|
|
|
qproperty-baseColor: @flipslider-base-color;
|
2017-08-29 06:40:43 +12:00
|
|
|
qproperty-finishedColor: @flipslider-finished-color;
|
2017-04-14 19:30:36 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
Ruler {
|
|
|
|
qproperty-ParentBGColor: @viewer-ruler-bg-color;
|
|
|
|
qproperty-ScaleColor: @viewer-ruler-scale-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
#RulerToolOptionValues {
|
|
|
|
color: @viewer-ruler-ToolOptionValues-color;
|
|
|
|
}
|