mirror of
https://github.com/swift-project/pilotclient.git
synced 2026-04-20 20:40:29 +08:00
refs #446, style sheet adjustments
* split up style sheets * prepared stylesheet, also include placeholder for forthcoming data GUI
This commit is contained in:
Klaus Basan
committed by
Mathew Sutcliffe
Mathew Sutcliffe
parent
9d0408138a
commit
091c61c909
405
src/blackgui/qss/stdwidget.qss
Normal file
405
src/blackgui/qss/stdwidget.qss
Normal file
@@ -0,0 +1,405 @@
|
||||
/**
|
||||
Resources:
|
||||
http://qt-project.org/doc/qt-5.3/stylesheet-examples.html
|
||||
http://web.forret.com/tools/color.asp?RGB=2F4F4F&name=Dark+slate+gray
|
||||
|
||||
Remarks:
|
||||
1) there is no opacity with background image, so we need semitransparent images
|
||||
2) use -- instead of :: for namespaces
|
||||
|
||||
Used dynamic properties
|
||||
framelessMainWindow (infobar.qss , here)
|
||||
**/
|
||||
|
||||
/** Main window **/
|
||||
QMainWindow {
|
||||
background-image: url(:/textures/icons/textures/texture-outer.jpg);
|
||||
background-color: darkslategray;
|
||||
}
|
||||
|
||||
/** separator between info areas and rest **/
|
||||
/** this hides them **/
|
||||
QMainWindow::separator {
|
||||
background: transparent;
|
||||
width: 0px; /* when vertical */
|
||||
height: 0px; /* when horizontal */
|
||||
}
|
||||
|
||||
QMainWindow::separator:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
Required when dock widget is floating
|
||||
1) background-image not working on QDockWidget, so I use direct children for that
|
||||
2) seems to have only effect as normal (floating) window
|
||||
3) Borders between this widget and the inner child is the margin in gui.ini
|
||||
**/
|
||||
BlackGui--CDockWidgetInfoArea {
|
||||
background-color: green; /** I use green here so I can adjust the borders in gui.ini **/
|
||||
}
|
||||
|
||||
BlackGui--CDockWidgetInfoArea > QWidget {
|
||||
background: black; /** background is background color here **/
|
||||
background-image: url(:/textures/icons/textures/texture-inner.jpg);
|
||||
}
|
||||
|
||||
/** this is the first widget in the dock area **/
|
||||
/** all dock widgets shall have this QWidget as container **/
|
||||
BlackGui--CDockWidgetInfoArea[framelessDockWidget="true"] > QWidget > QFrame {
|
||||
margin: 0px;
|
||||
padding: 3px;
|
||||
border: 2px solid green;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/** fix the menu, which is overridden by the above QWidget **/
|
||||
BlackGui--CDockWidgetInfoArea > QMenu {
|
||||
border: 1px solid darkslategray; /* reserve space for selection border */
|
||||
background: lightgray;
|
||||
color: black;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/** required when info area is not floating **/
|
||||
BlackGui--CInfoArea {
|
||||
background: black; /** background is background color here **/
|
||||
background-image: url(:/textures/icons/textures/texture-inner.jpg);
|
||||
}
|
||||
|
||||
/** default for buttons **/
|
||||
QPushButton {
|
||||
/** background-image: url(:/textures/icons/textures/texture-inner.jpg); **/
|
||||
/** need to fix pressed button first **/
|
||||
background: black;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-radius:6px;
|
||||
border-color: green;
|
||||
max-height:20px;
|
||||
min-width:60px;
|
||||
min-height:20px;
|
||||
}
|
||||
|
||||
QPushButton::disabled {
|
||||
background-color: grey;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-radius:6px;
|
||||
border-color: green;
|
||||
max-height:20px;
|
||||
min-width:60px;
|
||||
min-height:20px;
|
||||
}
|
||||
|
||||
QProgressBar {
|
||||
border: 1px solid green;
|
||||
border-radius: 5px;
|
||||
background-color: black;
|
||||
text-align: center;
|
||||
padding: 0px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
QProgressBar::chunk {
|
||||
background-color: darkblue;
|
||||
width: 10px;
|
||||
margin: 0.5px;
|
||||
}
|
||||
|
||||
QTabWidget::pane { /* The tab widget frame */
|
||||
border: none;
|
||||
}
|
||||
|
||||
QTabWidget::tab-bar {
|
||||
left: 5px; /* move to the right by 5px */
|
||||
}
|
||||
|
||||
QTabBar::tab {
|
||||
border: 1px solid green;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
min-width: 30px;
|
||||
padding: 2px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
QTabBar::tab::selected {
|
||||
background-color: rgba(0, 0, 255, 128);
|
||||
}
|
||||
|
||||
QTabBar::tear {
|
||||
image: url(:/own/icons/own/transparent1px.png);
|
||||
max-width: 1px;
|
||||
}
|
||||
|
||||
QTabBar QToolButton { /* the scroll buttons are tool buttons */
|
||||
background-color: rgba(0, 0, 255, 200);
|
||||
border: 1px solid green;
|
||||
}
|
||||
|
||||
QSplitter::handle {
|
||||
background-color: rgba(0, 0, 255, 200);
|
||||
margin-top: 1px;
|
||||
margin-bottom: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
QSplitter::handle:pressed {
|
||||
background-color: rgba(0, 255, 255, 255);
|
||||
}
|
||||
|
||||
/**
|
||||
QSplitter::handle:horizontal {
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
QSplitter::handle:vertical {
|
||||
height: 1px;
|
||||
}
|
||||
**/
|
||||
|
||||
QLabel {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
QToolButton {
|
||||
background-color: transparent; /* transparent tool buttons */
|
||||
}
|
||||
|
||||
QLineEdit {
|
||||
background: transparent;
|
||||
border: 1px solid green;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
QLineEdit[readOnly="true"] {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
QCheckBox {
|
||||
border: 0px solid green; /** also borders label **/
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
QTextEdit {
|
||||
border: 1px solid green;
|
||||
background: transparent;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
QPlainTextEdit {
|
||||
border: 1px solid green;
|
||||
background: transparent;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
QGroupBox {
|
||||
border: 1px solid green;
|
||||
margin-top: 2.5ex; /* leave space at the top for the title */
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
subcontrol-position: middle center; /* position at the top center */
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
QToolBox::tab {
|
||||
border: 1px solid green;
|
||||
border-radius: 6px;
|
||||
min-width: 30px;
|
||||
padding: 2px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
QToolBox::tab::selected {
|
||||
background-color: rgba(0, 0, 255, 128);
|
||||
}
|
||||
|
||||
/** no border on page */
|
||||
QToolBox > QWidget {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
QComboBox {
|
||||
border: 1px solid green;
|
||||
border-radius: 5px;
|
||||
padding: 1px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/** drop down list **/
|
||||
QComboBox QAbstractItemView {
|
||||
background-color: lightgray;
|
||||
color: black;
|
||||
qproperty-textElideMode: ElideMiddle;
|
||||
}
|
||||
|
||||
QDoubleSpinBox {
|
||||
border: 1px solid green;
|
||||
border-radius: 5px;
|
||||
padding: 1px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
QSpinBox {
|
||||
border: 1px solid green;
|
||||
border-radius: 5px;
|
||||
padding: 1px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
QColorDialog {
|
||||
background-image: url(:/textures/icons/textures/texture-outer.jpg);
|
||||
background-color: darkslategray;
|
||||
}
|
||||
|
||||
QMenuBar {
|
||||
background-image: url(:/textures/icons/textures/texture-outer.jpg);
|
||||
background-color: darkslategray;
|
||||
padding: 0px 0px 0px 10px;
|
||||
margin: 0px 0px 20px 0px; /** removes overlapping bar in frameless mode, why bottom margin helps here, no idea, bug? **/
|
||||
}
|
||||
|
||||
QMenuBar::item {
|
||||
spacing: 3px; /* spacing between menu bar items */
|
||||
padding: 1px 4px;
|
||||
background: transparent;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
QMenuBar::item:selected { /* when selected using mouse or keyboard */
|
||||
background: black;
|
||||
}
|
||||
|
||||
QMenuBar::item:pressed {
|
||||
background: black;
|
||||
}
|
||||
|
||||
QMenu {
|
||||
border: 2px solid darkslategray; /* reserve space for selection border */
|
||||
background: lightgray;
|
||||
color: black;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
QScrollArea {
|
||||
border: 1px solid green;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
QScrollBar:horizontal {
|
||||
border: 2px solid gray;
|
||||
background: slategray;
|
||||
height: 10px;
|
||||
margin: 0px 5px 0px 5px;
|
||||
}
|
||||
|
||||
QScrollBar:vertical {
|
||||
border: 2px solid gray;
|
||||
background: slategray;
|
||||
width: 10px;
|
||||
margin: 5px 0px 5px 0;
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal {
|
||||
background: black;
|
||||
min-width: 15px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical {
|
||||
background: black;
|
||||
min-height: 15px;
|
||||
}
|
||||
|
||||
QScrollBar::add-line:horizontal {
|
||||
border: 2px solid gray;
|
||||
background: blue;
|
||||
width: 5px;
|
||||
subcontrol-position: right;
|
||||
subcontrol-origin: margin;
|
||||
}
|
||||
|
||||
QScrollBar::sub-line:horizontal {
|
||||
border: 2px solid gray;
|
||||
background: blue;
|
||||
width: 5px;
|
||||
subcontrol-position: left;
|
||||
subcontrol-origin: margin;
|
||||
}
|
||||
|
||||
QScrollBar::add-line:vertical {
|
||||
border: 2px solid gray;
|
||||
background: blue;
|
||||
height: 5px;
|
||||
subcontrol-position: bottom;
|
||||
subcontrol-origin: margin;
|
||||
}
|
||||
|
||||
QScrollBar::sub-line:vertical {
|
||||
border: 2px solid gray;
|
||||
background: blue;
|
||||
height: 5px;
|
||||
subcontrol-position: top;
|
||||
subcontrol-origin: margin;
|
||||
}
|
||||
|
||||
QHeaderView::section {
|
||||
border: 1px solid black;
|
||||
background-color: darkslategray;
|
||||
color: white; /** font **/
|
||||
padding: 1px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
QTableView, QTreeView {
|
||||
border: 1px solid green;
|
||||
border-radius: 5px;
|
||||
background-color: transparent;
|
||||
alternate-background-color: darkslategray;
|
||||
selection-background-color: blue;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
QSlider::groove:horizontal {
|
||||
border: 1px solid gray;
|
||||
height: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
|
||||
background: darkslategray;
|
||||
}
|
||||
|
||||
QSlider::handle:horizontal {
|
||||
background: lightgray;
|
||||
border: 1px solid darkslategray;
|
||||
width: 18px;
|
||||
margin: -2px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
QSizeGrip {
|
||||
image: url(:/diagona/icons/diagona/icons/arrow-in-out.png);
|
||||
padding: 0px 20px 0px 0px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
QStatusBar {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
QStatusBar::item {
|
||||
border: none;
|
||||
}
|
||||
|
||||
QStatusBar QLabel {
|
||||
border: none;
|
||||
padding-left: 5px;
|
||||
}
|
||||
Reference in New Issue
Block a user