style-light.css 8.54 KB
Newer Older
1 2 3
* {
    background-color: #F6F6F6;
    color: #000;
4 5
    background-clip: border;
    font-size: 11px;
6 7 8
}

*::disabled {
9
    color: #AAA;
10 11 12 13 14 15 16
}

QCheckBox {
    color: #222;
}

QCheckBox::indicator {
17 18 19 20
    border: 1px solid #111;
    border-radius: 2px;
    width: 10px;
    height: 10px;
21 22
}

23 24 25 26 27 28 29 30 31
QCheckBox::indicator:hover {
    background-color: #CCC;
}

QCheckBox::indicator:pressed, QCheckBox::indicator:checked:pressed {
    background-color: #777;
}

QCheckBox::indicator:checked {
32
    background-color: #379AC3;
33 34 35
}

QComboBox {
36
    border: 1px solid #777;
37
    border-radius: 2px;
38 39
}

40 41 42
QDialog {
    border: 1px solid #777;
    border-radius: 2px;
43 44
}

45
QDockWidget {
46
    border: 1px solid #666;
47
    border-radius: 1px;
48 49 50 51
}

QDockWidget::close-button, QDockWidget::float-button {
    border: 1px solid transparent;
52 53
    background: none;
    padding: 0;
54 55 56
}

QDockWidget::close-button:hover, QDockWidget::float-button:hover {
57
    background: #777;
58 59 60
}

QDockWidget::close-button:pressed, QDockWidget::float-button:pressed {
61
    background: #555;
62 63 64 65 66
    padding: 1px -1px -1px 1px;
}

QDockWidget::title {
    text-align: left;
67 68 69
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #CCC, stop: 1 #888);
    color: #000;
    padding-left: 3px;
70 71 72 73 74 75 76 77
    height: 14px;
}

QGCToolWidgetItem {
    border: 1px solid #666;
    border-radius: 3px;
    padding: 10px 0 0 0;
    margin-top: 1ex; /* leave space at the top for the title */
78 79 80
}

QGroupBox {
81 82 83 84 85 86 87 88 89 90 91 92 93
    border: 1px solid #666;
    border-radius: 3px;
    padding: 10px 0 0 0;
    margin-top: 1ex; /* leave space at the top for the title */
}

QGroupBox::title {
    subcontrol-origin: margin;
    subcontrol-position: top center;
    margin: 0 3px 0 3px;
    padding: 0 3px 0 0;
    font: bold 8px;
    color: #000;
94 95
}

96 97
QLabel {
    background-color: transparent;
98 99
}

100
QLabel:disabled {
101
    color: #AAA;
102 103
}

104 105 106 107
QLabel#noUas {
    font-size: 30pt;
}

108 109 110
QLabel#toolBarNameLabel {
    font: bold 16px;
    color: #3C7B9E;
111
}
112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132

QLabel#toolBarModeLabel {
    font: 12px;
}

QLabel#toolBarStateLabel {
    font: 12px;
    color: #3C7B9E;
}

QLabel#toolBarMessageLabel {
    font: 12px;
    font-style: italic;
    color: #3C7B9E;
}

QLineEdit {
    border: 1px solid #111;
    border-radius: 2px;
}

133
QMainWindow::separator {
134
    background-color: #CCC;
135 136
    width: 2px; /* when vertical */
    height: 2px; /* when horizontal */
137 138
}

139 140
QMainWindow::separator:hover {
    background-color: #222;
141 142
}

143 144
QMenu {
    border: 1px solid #379AC3;
145 146
}

147
QMenu::item:selected {
148
    background-color: #000;
149 150
}

151 152 153 154
QMenu::separator {
    height: 1px;
    background: #379AC3;
    margin: 8px 5px 4px 5px;
155 156
}

157 158
QMenuBar::item:selected {
    background-color: #CCC;
159 160
}

161 162 163
QMenuBar::item:disabled {
    border: none;
    background: none;
164 165 166
}

QPlainTextEdit {
167 168 169 170
    border: 1px solid #111;
    border-radius: 2px;
    font-family: "Monospace";
    font: large;
171 172 173
}

QProgressBar {
174 175 176 177 178 179 180
    border: 1px solid #666;
    border-radius: 4px;
    text-align: center;
    padding: 2px;
    color: #000;
    background: none;
    height: 10px;
181 182 183 184 185 186
}

QProgressBar::chunk {
    background-color: #666;
}

187 188 189 190
QProgressBar::chunk#batteryBar {
    background-color: green;
}

191 192 193 194 195 196 197 198
QProgressBar::chunk#speedBar {
    background-color: yellow;
}

QProgressBar::chunk#thrustBar {
    background-color: orange;
}

199 200 201 202 203 204
QProgressBar:horizontal {
    height: 9px;
}

QProgressBar:vertical {
    width: 9px;
205 206
}

207
QPushButton, QToolButton {
208 209 210 211 212 213 214
    min-height: 20px;
    max-height: 20px;
    border: 1px solid #465158;
    margin: 1px;
    border-radius: 2px;
    padding-left: 8px;
    padding-right: 8px;
215
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #BBB, stop: 1 #777);
216 217 218 219 220
}

QToolButton {
    padding-left: 3px;
    padding-right: 3px;
221 222 223 224 225 226 227 228 229 230 231
}

QPushButton#controlButton {
    min-height: 25px;
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #A0AE00, stop: 1 #909E00);
}

QPushButton#killButton {
    font-weight: bold;
    min-height: 30px;
    color: #000;
232
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #FFb917, stop:1 #B37300);
233
    background-clip: border;
234
    border: 1px solid #555;
235
    border-radius: 5px;
236 237
}

238
QPushButton:checked, QToolButton:checked {
239
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #444, stop: 1 #888);
240 241
}

242 243 244 245
QPushButton:checked#controlButton {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #b76f11, stop: 1 #e1a718);
}

246 247
QPushButton:disabled, QToolButton:disabled {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #EEE, stop: 1 #CCC);
248 249
}

250
QPushButton:hover, QToolButton:hover {
251
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #B8D3E6, stop: 1 #899FAD);
252 253
}

254
QPushButton:pressed, QToolButton:pressed {
255
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #AAA, stop: 1 #666);
256 257
}

258 259 260
QPushButton:pressed#killButton {
    font-weight: bold;
    min-height: 30px;
261
    color: #000;
262 263
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #bb8500, stop:1 #903000);
    background-clip: border;
264
    border: 1px solid #555;
265
    border-radius: 5px;
266 267
}

268 269 270 271
QScrollBar {
    border: 1px solid #333;
}

272 273
QSeparator {
    color: #EEE;
274 275
}

276 277
QSlider {
    background-color: transparent;
278 279
}

280 281 282 283 284 285 286 287
QSlider::groove:horizontal {
    border: 1px solid #999999;
    height: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
    background-color: #4A4A4A;
    margin: 2px 0;
}

QSlider::groove:horizontal:disabled {
288
    background-color: #CCC;
289 290 291
    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;
}
292

293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308
QSlider::groove:vertical {
    border: 1px solid #999999;
    width: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
    background-color: #4A4A4A;
    margin: 2px 0;
}

QSlider::handle:horizontal {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #232228, stop: 1 #020208);
    border: 2px solid #379AC3;
    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:horizontal:disabled {
309 310
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #EEE, stop: 1 #CCC);
    border: 2px solid #777;
311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332
    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:vertical {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0 #232228, stop: 1 #020208);
    border: 2px solid #379AC3;
    height: 18px;
    margin: 0 -5px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
    border-radius: 3px;
}

QSizeGrip {
    background: none;
}

QSpinBox, QDoubleSpinBox {
    min-height: 14px;
    max-height: 18px;
    border: 1px solid #4A4A4A;
    border-radius: 5px;
333 334
}

335
QSpinBox::down-arrow, QDoubleSpinBox::down-arrow {
336 337
    image: url(:/files/images/actions/go-down.svg);
    width: 16px;
338 339
}

340 341
QSpinBox::down-button, QDoubleSpinBox::down-button {
    border: none;
342 343
}

344 345 346 347 348 349 350 351 352 353
QSpinBox::up-arrow, QDoubleSpinBox::up-arrow {
    image: url(:/files/images/actions/go-up.svg);
    width: 16px;
}

QSpinBox::up-button, QDoubleSpinBox::up-button {
    border: none;
}

QStatusBar {
354 355 356
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #CCC, stop: 1 #888);
}

357
QTabBar::tab {
358
    border: 2px solid #777;
359 360 361
    border-radius: 4px;
    min-width: 8ex;
    padding: 2px;
362 363
}

364 365 366 367 368
QTabBar::tab:hover {
    border: 2px solid #379AC3;
}

QTabBar::tab:selected {
369
    border: 2px solid #379AC3;
370
    background: #CCC;
371 372
}

373 374
QTabWidget::tab-bar {
    alignment: center;
375 376
}

377
QTabWidget::pane {
378
    border: 1px solid #777;
379 380 381
    border-radius: 2px;
    position: absolute;
    top: -0.5em;
382 383 384
}

QTextEdit {
385 386
    border: 1px solid #222;
    border-radius: 2px;
387 388 389 390 391
}

QToolBar {
    border-top-color: #969696;
    border-bottom-color: #484848;
392
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #CCC, stop: 1 #888);
393 394 395
}

QToolTip {
396
    background-color: #F6F6F6;
397 398 399
    border:0 solid #379AC3;
    margin: 3px;
    border-radius: 3px;
400
    color: #000;
401
}
402

403 404 405 406 407 408 409 410 411 412 413
UASQuickViewItem QLabel {
    padding: 0;
    margin: 0;
    min-height: 1em;
    font-weight: bold;
}

UASQuickViewItem QLabel#value {
    font-size: 20pt;
}

414
WaypointEditableView, WaypointViewOnlyView {
415 416 417 418 419
    border: 1px solid #333;
    border-radius: 5px;
    margin-bottom: 3px;
}

420
WaypointEditableView QCheckBox, WaypointEditableView .QWidget, WaypointViewOnlyView QCheckBox, WaypointViewOnlyView .QWidget {
421 422
    background: none;
}