143 lines
3.7 KiB
Text
143 lines
3.7 KiB
Text
|
/* -----------------------------------------------------------------------------
|
||
|
ComboViewer / Viewer / FlipBook
|
||
|
----------------------------------------------------------------------------- */
|
||
|
|
||
|
#ComboViewerPanel {
|
||
|
& Toolbar {
|
||
|
border-bottom: 1px solid @accent1; // Accent line against viewport
|
||
|
&::separator:horizontal {
|
||
|
// Workaround for first tool button (#W001)
|
||
|
margin: 0 0 0 2px;
|
||
|
}
|
||
|
& QToolButton {
|
||
|
// (#W001) Make sure the first tool button has enough space on the left
|
||
|
margin: 2px 0 3px 2px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#ComboViewerToolOptions {
|
||
|
border-bottom: 1px solid @accent1; // Accent line against viewport/ToolBar
|
||
|
}
|
||
|
|
||
|
#ComboViewer,
|
||
|
#ViewerPanel,
|
||
|
FlipBook {
|
||
|
|
||
|
// BUG 01:
|
||
|
// 2px width is required for the border-top property to work.
|
||
|
// There is a hard-coded GRAY line that is persistent no matter what.
|
||
|
//
|
||
|
// BUG 02:
|
||
|
// When opening a new ComboViewer panel from the Windows menu...
|
||
|
// The border-top property will not be shown until the app has been
|
||
|
// restarted, or the theme reloaded.
|
||
|
//
|
||
|
// If these BUGS have been fixed then consider if the border-top
|
||
|
// property below requires adjustment, to 1px for example.
|
||
|
|
||
|
& #ToolBarContainer {
|
||
|
background-color: transparent;
|
||
|
border-top: 2px solid @accent1;
|
||
|
border-bottom: 1px solid @accent1;
|
||
|
// Hides right border on #ScrollRightButton when
|
||
|
// FPS Slider is hidden
|
||
|
padding-right: -1px;
|
||
|
& QLineEdit {
|
||
|
border-color: @fps-input-border-color;
|
||
|
border-top-right-radius: 0;
|
||
|
border-bottom-right-radius: 0;
|
||
|
height: 16px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#FlipConsolePlayToolBar {
|
||
|
&::separator:horizontal {
|
||
|
margin: 0 2px;
|
||
|
}
|
||
|
& QToolButton {
|
||
|
margin-top: 2px;
|
||
|
margin-bottom: 2px;
|
||
|
height: 16px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#ViewerFpsSlider {
|
||
|
background-color: transparent;
|
||
|
background-image: url('@{img-url}/slider_groove.png');
|
||
|
background-position: center center;
|
||
|
background-repeat: repeat-x;
|
||
|
border: 0;
|
||
|
height: 19px;
|
||
|
margin: 0 3px 0 31px;
|
||
|
max-width: 450px;
|
||
|
min-width: 0px;
|
||
|
&::sub-line:horizontal {
|
||
|
subcontrol-origin: absolute;
|
||
|
background-color: @button-bg-color;
|
||
|
border: 1px solid @button-border-color;
|
||
|
height: 16px;
|
||
|
left: -33px;
|
||
|
padding-left: 1px;
|
||
|
width: 14px;
|
||
|
&:pressed {
|
||
|
background-color: @button-bg-color-pressed;
|
||
|
border-color: @accent1;
|
||
|
}
|
||
|
}
|
||
|
&::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;
|
||
|
left: 13px;
|
||
|
height: 16px;
|
||
|
image-position: center center;
|
||
|
width: 13px;
|
||
|
&:pressed {
|
||
|
background-color: @button-bg-color-pressed;
|
||
|
border-color: @accent1;
|
||
|
}
|
||
|
}
|
||
|
&::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;
|
||
|
|
||
|
qproperty-PBOverlay: url('@{img-url}/@{flipslider-img}');
|
||
|
qproperty-PBMarker: url('@{img-url}/@{flipmarker-img}');
|
||
|
qproperty-PBColorMarginLeft: 1;
|
||
|
qproperty-PBColorMarginTop: 2;
|
||
|
qproperty-PBColorMarginRight: 1;
|
||
|
qproperty-PBColorMarginBottom: 2;
|
||
|
|
||
|
qproperty-PBMarkerMarginLeft: 3;
|
||
|
qproperty-PBMarkerMarginRight: 3;
|
||
|
qproperty-notStartedColor: @flipslider-notstarted-color;
|
||
|
qproperty-startedColor: @flipslider-started-color;
|
||
|
qproperty-baseColor: @flipslider-base-color;
|
||
|
}
|
||
|
|
||
|
Ruler {
|
||
|
qproperty-ParentBGColor: @viewer-ruler-bg-color;
|
||
|
qproperty-ScaleColor: @viewer-ruler-scale-color;
|
||
|
}
|
||
|
|
||
|
#RulerToolOptionValues {
|
||
|
color: @viewer-ruler-ToolOptionValues-color;
|
||
|
}
|