/* Due to the lack of support for @include in Qt's CSS implementation (see QTBUG-2047), the following is the base styles for the application. They are later modified with colors.*/ * { font-size: 11px; } QCheckBox::indicator { border-radius: 2px; border-width: 1px; border-style: solid; width: 10px; height: 10px; } QCheckBox::indicator:indeterminate:hover { image: url(:/files/images/checkbox_indeterminate_hover.png); } QCheckBox::indicator:indeterminate:pressed { image: url(:/files/images/checkbox_indeterminate_pressed.png); } QComboBox { border-radius: 2px; border-width: 1px; border-style: solid; } QMainWindow::separator { width: 2px; /* when vertical */ height: 2px; /* when horizontal */ } QDockWidget::close-button, QDockWidget::float-button { border-width: 1px; border-style: solid; background: none; padding: 0; } QDockWidget::close-button:hover, QDockWidget::float-button:hover { background: none; } QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { padding: 1px -1px -1px 1px; background: none; } QDockWidget { border-radius: 1px; border-width: 10px; border-style: solid; } QDockWidget::title { text-align: left; padding-left: 10px; height: 14px; border-bottom-width: 2px; border-bottom-style: solid; } QDoubleSpinBox { min-height: 14px; max-height: 18px; border-radius: 5px; border-width: 1px; border-style: solid; } QDoubleSpinBox::up-button { subcontrol-origin: border; subcontrol-position: top right; /* position at the top right corner */ border-image: url(:/files/images/actions/go-up.svg) 1; border-width: 1px; max-width: 5px; } QDoubleSpinBox::down-button { subcontrol-origin: border; subcontrol-position: bottom right; /* position at the top right corner */ border-image: url(:/files/images/actions/go-down.svg) 1; border-width: 1px; max-width: 5px; } QGCToolWidgetItem { border-radius: 3px; border-width: 1px; border-style: solid; padding: 10px 0 0 0; margin-top: 1ex; /* leave space at the top for the title */ } QGroupBox { border-radius: 3px; border-width: 1px; border-style: solid; padding: 10px 0 0 0; margin-top: 1ex; /* leave space at the top for the title */ } QDialog { border-radius: 2px; } QGroupBox::title { subcontrol-origin: margin; subcontrol-position: top center; /* position at the top center */ margin: 0 3px 0 3px; padding: 0 3px 0 0; font: bold 8px; } QLineEdit { border-radius: 2px; border-width: 1px; border-style: solid; } QMenu { border-width: 1px; border-style: solid; } QMenu::separator { height: 1px; margin: 8px 5px 4px 5px; } QMenuBar::item:disabled { border: none; background: none; } QMenuBar::item:disabled:selected { border: none; background: none; } QMenuBar::item:disabled:pressed { background: none; border: none; } QPlainTextEdit { border-radius: 2px; border-width: 1px; border-style: solid; font-family: "Monospace"; font: large; } QPushButton { min-height: 20px; max-height: 20px; margin: 1px; border-width: 2px; border-style: solid; border-radius: 2px; padding-left: 8px; padding-right: 8px; } QPushButton#forceLandButton { font-weight: bold; min-height: 30px; background-clip: border; border-width: 1px; border-radius: 5px; } QPushButton:pressed#forceLandButton { font-weight: bold; min-height: 30px; background-clip: border; border-width: 1px; border-radius: 5px; } QPushButton#killButton { font-weight: bold; min-height: 30px; background-clip: border; border-width: 1px; border-radius: 5px; } QPushButton:pressed#killButton { font-weight: bold; min-height: 30px; border-width: 1px; border-radius: 5px; } QPushButton#controlButton { min-height: 25px; } QProgressBar { border-radius: 4px; border-width: 1px; border-style: solid; text-align: center; padding: 2px; height: 10px; } QProgressBar:horizontal { height: 9px; } QProgressBar:vertical { width: 9px; } QSlider::groove:horizontal { border-width: 1px; border-style: solid; height: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ margin: 2px 0; } QSlider::groove:disabled:horizontal { border-width: 1px; border-style: solid; height: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ margin: 2px 0; } QSlider::handle:horizontal { border-width: 2px; border-style: solid; width: 18px; margin: -5px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */ border-radius: 3px; } QSlider::handle:disabled:horizontal { border-width: 2px; border-style: solid; width: 18px; margin: -5px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */ border-radius: 3px; } QSlider::groove:vertical { border-width: 1px; border-style: solid; width: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ margin: 2px 0; } QSlider::handle:vertical { border-width: 2px; border-style: solid; height: 18px; margin: 0 -5px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */ border-radius: 3px; } QSpinBox { min-height: 14px; max-height: 18px; border-radius: 5px; border-width: 1px; border-style: solid; } QSpinBox::up-button { subcontrol-origin: border; subcontrol-position: top right; /* position at the top right corner */ border-image: url(:/files/images/actions/go-up.svg) 1; border-width: 1px; } QSpinBox::down-button { subcontrol-origin: border; subcontrol-position: bottom right; /* position at the top right corner */ border-image: url(:/files/images/actions/go-down.svg) 1; border-width: 1px; } QTextEdit { border-radius: 2px; border-width: 1px; border-style: solid; } QToolButton { font-weight: bold; min-height: 20px; max-height: 20px; margin: 1px; border-radius: 2px; border-width: 2px; border-style: solid; padding-left: 3px; padding-right: 3px; } QToolTip { margin: 3px; border-radius: 3px; } QTabWidget::pane { /* The tab widget frame */ border-radius: 2px; border-width: 1px; border-style: solid; position: absolute; top: -0.5em; } QTabWidget::tab-bar { alignment: center; } /* Style the tab using the tab sub-control. Note that it reads QTabBar _not_ QTabWidget */ QTabBar::tab { border-radius: 4px; min-width: 8ex; padding: 2px; border-width: 2px; border-style: solid; } QToolBar { margin: 0; border-width: 1px 0; border-style: solid; } QLabel { background: rgba(0,0,0,0); } QLabel#toolBarNameLabel { font: bold 16px; } QLabel#toolBarModeLabel { font: 12px; } QLabel#toolBarStateLabel { font: 12px; } QLabel#toolBarMessageLabel { font: 12px; font-style: italic; } QStatusBar { border-width: 1px 0; border-style: solid; } /** The following are the style-specific colorings for QGC. **/ /* These general styles need to go first so that following definitions override them */ * { background-color: #F6F6F6; color: #000; } *::disabled { color: #777; } QCheckBox { color: #222; } QCheckBox::indicator { background-color: #F6F6F6; border-color: #111; color: #222; } QCheckBox::indicator:checked { background-color: #000; } QComboBox { border-color: #111; } QDockWidget { border: 1px solid #32345E; } QDockWidget::title { background: #EEE; color: #111; border-bottom: 1px solid #222; } QDockWidget::close-button, QDockWidget::float-button { border: 1px solid transparent; background-color: #EEE; } QDockWidget::close-button:hover, QDockWidget::float-button:hover { background-color: #AAA; } QDoubleSpinBox { border: 1px solid #4A4A4F; } QDoubleSpinBox::up-button { border-image: url(:/files/images/actions/go-up.svg) 1; border-width: 1px; } QDoubleSpinBox::down-button { border-image: url(:/files/images/actions/go-down.svg) 1; border-width: 1px; } QGroupBox { border-color: #222216; } QLabel { background-color: transparent; } QLineEdit { border-color: #111; } QGroupBox::title { color: #000; } QMainWindow::separator { background-color: #090909; } QMainWindow::separator:hover { background-color: #222; } QMenuBar::item:selected { background-color: #CCC; } QMenuBar::item:disabled { border: none; background: none; } QMenuBar::item:disabled:selected { border: none; background: none; } QMenuBar::item:disabled:pressed { background: none; border: none; } QMenu::item:selected { background-color: #CCC; } QPlainTextEdit { border-color: #111; } QProgressBar { border-color: #666; } QProgressBar::chunk { background-color: #666; } QProgressBar::chunk#speedBar { background-color: yellow; } QProgressBar::chunk#thrustBar { background-color: orange; } QProgressBar QLabel { background-color: #FFF; } QPushButton { border-style: solid; border-color: #4A4A4F; background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #C3C2C8, stop: 1 #828288); } QPushButton:checked { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #404040, stop: 1 #808080); } QPushButton:hover { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #333, stop: 1 #b0b0b0); } QPushButton:pressed { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #bbbbbb, stop: 1 #b0b0b0); } QPushButton#forceLandButton { border-color: #222; } QPushButton#forceLandButton { background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffee01, stop:1 #ae8f00) url("ICONDIR/control/emergency-button.png"); } QPushButton:pressed#forceLandButton { color: #000; background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #bbaa00, stop:1 #a05b00) url("ICONDIR/control/emergency-button.png"); border-color: #222; } QPushButton#killButton { background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffb917, stop:1 #b37300) url("ICONDIR/control/emergency-button.png"); border-color: #222; } QPushButton:pressed#killButton { background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #bb8500, stop:1 #903000) url("ICONDIR/control/emergency-button.png"); border-color: #222; } QPushButton#controlButton { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #A0AE00, stop: 1 #909E00); } QPushButton:checked#controlButton { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #b76f11, stop: 1 #e1a718); } QSeparator { color: #EEE; } QSpinBox { border-color: #4A4A4F; } QSpinBox::up-button { border-image: url(:/files/images/actions/go-up.svg) 1; border-width: 1px; } QSpinBox::down-button { border-image: url(:/files/images/actions/go-down.svg) 1; border-width: 1px; } QStatusBar { border-bottom-color: #101010; border-top-color: #EEE; background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #090909, stop:0.3 #404040, stop:0.34 #383838, stop:1 #F6F6F6); } QTabBar::tab { border-color: #62676B; background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #090909, stop: 1 #F6F6F6); } QTabBar::tab:selected, QTabBar::tab:hover { border-color: #379AC3; background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #090909, stop: 1 #F6F6F6); } QTabWidget::pane { /* The tab widget frame */ border-color: #62676B; } QTextEdit { border-color: #111; } QToolBar { border-top-color: #969696; border-bottom-color: #484848; background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #090909, stop:0.3 #404040, stop:0.34 #383838, stop:1 #F6F6F6); } QToolButton { border-color: #4A4A4F; background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #C3C2C8, stop: 1 #828288); } QToolButton:checked { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #090909, stop: 1 #353535); } QToolButton:pressed { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #bbbbbb, stop: 1 #b0b0b0); } QToolTip { background-color: #404040; color: #000; }