1// Copyright (C) 2016 The Qt Company Ltd.
2// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only
5QLineEdit { background: yellow }
6QCheckBox { color: red }
11QPushButton { color: red }
16QPushButton, QLineEdit, QComboBox { color: red }
21QPushButton { color: red }
22QLineEdit { color: red }
23QComboBox { color: red }
28QPushButton { color: red; background-color: white }
33QComboBox::drop-down { image: url(dropdown.png) }
42 subcontrol-origin: margin;
48QComboBox::down-arrow {
49 image: url(down_arrow.png);
51QComboBox::down-arrow:pressed {
59QPushButton:hover { color: white }
64QRadioButton:!hover { color: red }
69QCheckBox:hover:checked { color: white }
74QPushButton:hover:!pressed { color: blue; }
79QCheckBox:hover, QCheckBox:checked { color: white }
84QComboBox::drop-down:hover { image: url(dropdown_bright.png) }
89QPushButton#okButton { color: gray }
90QPushButton { color: red }
95QPushButton:hover { color: white }
96QPushButton { color: red }
101QPushButton:hover { color: white }
102QPushButton:enabled { color: red }
107QPushButton:enabled { color: red }
108QPushButton:hover { color: white }
113QPushButton:hover:enabled { color: white }
114QPushButton:enabled { color: red }
119QPushButton { color: red }
120QAbstractButton { color: gray }
125* {} /* a=0 b=0 c=0 -> specificity = 0 */
126LI {} /* a=0 b=0 c=1 -> specificity = 1 */
127UL LI {} /* a=0 b=0 c=2 -> specificity = 2 */
128UL OL+LI {} /* a=0 b=0 c=3 -> specificity = 3 */
129H1 + *[REL=up]{} /* a=0 b=1 c=1 -> specificity = 11 */
130UL OL LI.red {} /* a=0 b=1 c=3 -> specificity = 13 */
131LI.red.level {} /* a=0 b=2 c=1 -> specificity = 21 */
132#x34y {} /* a=1 b=0 c=0 -> specificity = 100 */
137MyLabel { qproperty-pixmap: url(pixmap.png); }
138MyGroupBox { qproperty-titleColor: rgb(100, 200, 100); }
139QPushButton { qproperty-iconSize: 20px 20px; }
144QPushButton { background-color: red; border: none; }
149QToolButton { background-color: red; border: none; }
155 alternate-background-color: blue;
162QTextEdit { background: yellow }
168 background-image: url(dense6pattern.png);
169 background-repeat: repeat-xy;
175QLabel { background-color: yellow }
176QLineEdit { background-color: rgb(255, 0, 0) }
181QFrame { background-image: url(:/images/hydro.png) }
187 background: white url(:/images/ring.png);
188 background-repeat: repeat-y;
189 background-position: left;
196 background: url(:/images/footer.png);
197 background-position: bottom left;
204 background-image: url("leaves.png");
205 background-attachment: fixed;
212 background-image: url(:/images/header.png);
213 background-position: top left;
214 background-origin: content;
215 background-clip: padding;
222 background-image: url(:/images/header.png);
223 background-position: top left;
224 background-origin: content;
230QLineEdit { border: 1px solid white }
265 border-color: darkblue;
271QSpinBox::down-button { bottom: 2px }
276* { button-layout: 2 }
281QPushButton { color: red }
286QDialogButtonBox { dialogbuttonbox-buttons-have-icons: 1; }
291* { etch-disabled-text: 1 }
296QCheckBox { font: bold italic large "Times New Roman" }
301QCheckBox { font-family: "New Century Schoolbook" }
306QTextEdit { font-size: 12px }
311QTextEdit { font-style: italic }
316* { gridline-color: gray }
321QSpinBox::down-button { height: 10px }
326// implicitly sets the size of down-button to the
327// size of spindown.png
328QSpinBox::down-button { image: url(:/images/spindown.png) }
333QSpinBox::down-button { left: 2px }
338* { lineedit-password-character: 9679 }
343QLineEdit { margin: 2px }
348QSpinBox { max-height: 24px }
353QComboBox { max-width: 72px }
358QMessageBox { messagebox-text-interaction-flags: 5 }
363QComboBox { min-height: 24px }
368QComboBox { min-width: 72px }
373QToolTip { opacity: 223 }
378QLineEdit { padding: 3px }
383QSpinBox::down-button { right: 2px }
388QTextEdit { selection-background-color: darkblue }
393QTextEdit { selection-color: white }
398* { show-decoration-selected: 1 }
403QMenuBar { spacing: 10 }
409 image: url(:/images/spinup.png);
410 subcontrol-origin: content;
411 subcontrol-position: right top;
417QSpinBox::down-button {
418 image: url(:/images/spindown.png);
419 subcontrol-origin: padding;
420 subcontrol-position: right bottom;
433QSpinBox::up-button { top: 2px }
438QSpinBox::up-button { width: 12px }
443QTextEdit { background-position: bottom center }
448QDialog { etch-disabled-text: 1 }
454QLabel { border-color: red }
455/* red blue red blue */
456QLabel { border-color: red blue }
457/* red blue green blue */
458QLabel { border-color: red blue green }
459/* red blue green yellow */
460QLabel { border-color: red blue green yellow }
466QLabel { border-width: 1px }
468QLabel { border-width: 1px 2px }
470QLabel { border-width: 1px 2px 3px }
472QLabel { border-width: 1px 2px 3px 4px }
478QLabel { border-color: red }
480QLabel { border-color: #FF0000 }
482QLabel { border-color: rgba(255, 0, 0, 75%) }
484QLabel { border-color: rgb(255, 0, 0) }
486QLabel { border-color: rgb(100%, 0%, 0%) }
488QLabel { border-color: hsv(60, 100%, 100%) }
490QLabel { border-color: hsva(240, 255, 255, 75%) }
492QLabel { border-color: hsl(60, 100%, 50%) }
494QLabel { border-color: hsla(240, 255, 50%, 75%) }
499/* linear gradient from white to green */
501 background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
502 stop:0 white, stop: 0.4 gray, stop:1 green)
505/* linear gradient from white to green */
507 background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
508 stop:0 white, stop: 0.4 rgba(10, 20, 30, 40),
509 stop:1 rgb(0, 200, 230, 200))
513/* conical gradient from white to green */
515 background: qconicalgradient(cx:0.5, cy:0.5, angle:30,
516 stop:0 white, stop:1 #00FF00)
519/* radial gradient from white to green */
521 background: qradialgradient(cx:0, cy:0, radius: 1,
522 fx:0.5, fy:0.5, stop:0 white, stop:1 green)
529 file-icon: url(file.png),
530 url(file_selected.png) selected;
534 dialogbuttonbox-buttons-have-icons: true;
535 dialog-ok-icon: url(ok.svg);
536 dialog-cancel-icon: url(cancel.png),
537 url(grayed_cancel.png) disabled;
543QPushButton { color: palette(dark); }
548*[mandatoryField="true"] { background-color: yellow }
553QPushButton#evilButton { background-color: red }
558QPushButton#evilButton {
559 background-color: red;
560 border-style: outset;
568QPushButton#evilButton {
569 background-color: red;
570 border-style: outset;
582QPushButton#evilButton {
583 background-color: red;
584 border-style: outset;
592QPushButton#evilButton:pressed {
593 background-color: rgb(224, 0, 0);
600QPushButton#evilButton::menu-indicator {
601 image: url(myindicator.png);
607QPushButton::menu-indicator {
608 image: url(myindicator.png);
609 subcontrol-position: right center;
610 subcontrol-origin: padding;
617QLineEdit { color: red }
622QLineEdit { color: red }
623QLineEdit[readOnly="true"] { color: gray }
628QLineEdit { color: red }
629QLineEdit[readOnly="true"] { color: gray }
630#registrationDialog QLineEdit { color: brown }
635QLineEdit { color: red }
636QLineEdit[readOnly="true"] { color: gray }
637QDialog QLineEdit { color: brown }
642QTextEdit, QListView {
643 background-color: white;
644 background-image: url(draft.png);
645 background-attachment: scroll;
651QTextEdit, QListView {
652 background-color: white;
653 background-image: url(draft.png);
654 background-attachment: fixed;
664QCheckBox::indicator {
669QCheckBox::indicator:unchecked {
670 image: url(:/images/checkbox_unchecked.png);
673QCheckBox::indicator:unchecked:hover {
674 image: url(:/images/checkbox_unchecked_hover.png);
677QCheckBox::indicator:unchecked:pressed {
678 image: url(:/images/checkbox_unchecked_pressed.png);
681QCheckBox::indicator:checked {
682 image: url(:/images/checkbox_checked.png);
685QCheckBox::indicator:checked:hover {
686 image: url(:/images/checkbox_checked_hover.png);
689QCheckBox::indicator:checked:pressed {
690 image: url(:/images/checkbox_checked_pressed.png);
693QCheckBox::indicator:indeterminate:hover {
694 image: url(:/images/checkbox_indeterminate_hover.png);
697QCheckBox::indicator:indeterminate:pressed {
698 image: url(:/images/checkbox_indeterminate_pressed.png);
705 border: 1px solid gray;
707 padding: 1px 18px 1px 3px;
715QComboBox:!editable, QComboBox::drop-down:editable {
716 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
717 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
718 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
721/* QComboBox gets the "on" state when the popup is open */
722QComboBox:!editable:on, QComboBox::drop-down:editable:on {
723 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
724 stop: 0 #D3D3D3, stop: 0.4 #D8D8D8,
725 stop: 0.5 #DDDDDD, stop: 1.0 #E1E1E1);
728QComboBox:on { /* shift the text when the popup opens */
733QComboBox::drop-down {
734 subcontrol-origin: padding;
735 subcontrol-position: top right;
738 border-left-width: 1px;
739 border-left-color: darkgray;
740 border-left-style: solid; /* just a single line */
741 border-top-right-radius: 3px; /* same radius as the QComboBox */
742 border-bottom-right-radius: 3px;
745QComboBox::down-arrow {
746 image: url(/usr/share/icons/crystalsvg/16x16/actions/1downarrow.png);
749QComboBox::down-arrow:on { /* shift the arrow when popup is open */
757QComboBox QAbstractItemView {
758 border: 2px solid darkgray;
759 selection-background-color: lightgray;
766 border: 1px solid lightgray;
767 titlebar-close-icon: url(close.png);
768 titlebar-normal-icon: url(undock.png);
772 text-align: left; /* align the text to the left */
773 background: lightgray;
777QDockWidget::close-button, QDockWidget::float-button {
778 border: 1px solid transparent;
779 background: darkgray;
783QDockWidget::close-button:hover, QDockWidget::float-button:hover {
787QDockWidget::close-button:pressed, QDockWidget::float-button:pressed {
788 padding: 1px -1px -1px 1px;
795 border: 1px solid lightgray;
796 titlebar-close-icon: url(close.png);
797 titlebar-normal-icon: url(float.png);
802 background: lightgray;
806QDockWidget::close-button, QDockWidget::float-button {
807 background: darkgray;
809 icon-size: 14px; /* maximum icon size */
812QDockWidget::close-button:hover, QDockWidget::float-button:hover {
816QDockWidget::close-button:pressed, QDockWidget::float-button:pressed {
817 padding: 1px -1px -1px 1px;
820QDockWidget::close-button {
821 subcontrol-position: top left;
822 subcontrol-origin: margin;
824 top: 0px; left: 0px; bottom: 0px;
828QDockWidget::float-button {
829 subcontrol-position: top left;
830 subcontrol-origin: margin;
832 top: 0px; left: 16px; bottom: 0px;
839QFrame, QLabel, QToolTip {
840 border: 2px solid green;
843 background-image: url(images/welcome.png);
850 background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
851 stop: 0 #E0E0E0, stop: 1 #FFFFFF);
852 border: 2px solid gray;
854 margin-top: 1ex; /* leave space at the top for the title */
858 subcontrol-origin: margin;
859 subcontrol-position: top center; /* position at the top center */
861 background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
862 stop: 0 #FF0ECE, stop: 1 #FFFFFF);
868QGroupBox::indicator {
873QGroupBox::indicator:unchecked {
874 image: url(:/images/checkbox_unchecked.png);
877/* proceed with styling just like QCheckBox */
882QHeaderView::section {
883 background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
884 stop:0 #616161, stop: 0.5 #505050,
885 stop: 0.6 #434343, stop:1 #656565);
888 border: 1px solid #6c6c6c;
891QHeaderView::section:checked
893 background-color: red;
896/* style the sort indicator */
897QHeaderView::down-arrow {
898 image: url(down_arrow.png);
901QHeaderView::up-arrow {
902 image: url(up_arrow.png);
909 border: 2px solid gray;
913 selection-background-color: darkgray;
919QLineEdit[echoMode="2"] {
920 lineedit-password-character: 9679;
927 background: lightblue;
934 alternate-background-color: yellow;
941 show-decoration-selected: 1; /* make the selection span the entire width of the view */
944QListView::item:alternate {
948QListView::item:selected {
949 border: 1px solid #6a6ea9;
952QListView::item:selected:!active {
953 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
954 stop: 0 #ABAFE5, stop: 1 #8588B2);
957QListView::item:selected:active {
958 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
959 stop: 0 #6a6ea9, stop: 1 #888dd9);
962QListView::item:hover {
963 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
964 stop: 0 #FAFBFE, stop: 1 #DCDEF1);
970QMainWindow::separator {
972 width: 10px; /* when vertical */
973 height: 10px; /* when horizontal */
976QMainWindow::separator:hover {
984 background-color: #ABABAB; /* sets background of the menu */
985 border: 1px solid black;
989 /* sets background of menu item. set this to something non-transparent
990 if you want menu color and menu item color to be different */
991 background-color: transparent;
994QMenu::item:selected { /* when user selects item using mouse or keyboard */
995 background-color: #654321;
1002 background-color: white;
1003 margin: 2px; /* some spacing around the menu */
1007 padding: 2px 25px 2px 20px;
1008 border: 1px solid transparent; /* reserve space for selection border */
1011QMenu::item:selected {
1012 border-color: darkblue;
1013 background: rgba(100, 100, 100, 150);
1016QMenu::icon:checked { /* appearance of a 'checked' icon */
1018 border: 1px inset gray;
1028 background: lightblue;
1038/* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */
1039QMenu::indicator:non-exclusive:unchecked {
1040 image: url(:/images/checkbox_unchecked.png);
1043QMenu::indicator:non-exclusive:unchecked:selected {
1044 image: url(:/images/checkbox_unchecked_hover.png);
1047QMenu::indicator:non-exclusive:checked {
1048 image: url(:/images/checkbox_checked.png);
1051QMenu::indicator:non-exclusive:checked:selected {
1052 image: url(:/images/checkbox_checked_hover.png);
1055/* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
1056QMenu::indicator:exclusive:unchecked {
1057 image: url(:/images/radiobutton_unchecked.png);
1060QMenu::indicator:exclusive:unchecked:selected {
1061 image: url(:/images/radiobutton_unchecked_hover.png);
1064QMenu::indicator:exclusive:checked {
1065 image: url(:/images/radiobutton_checked.png);
1068QMenu::indicator:exclusive:checked:selected {
1069 image: url(:/images/radiobutton_checked_hover.png);
1077 background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
1078 stop:0 lightgray, stop:1 darkgray);
1079 spacing: 3px; /* spacing between menu bar items */
1084 background: transparent;
1088QMenuBar::item:selected { /* when selected using mouse or keyboard */
1089 background: #a8a8a8;
1092QMenuBar::item:pressed {
1093 background: #888888;
1100 border: 2px solid grey;
1104QProgressBar::chunk {
1105 background-color: #05B8CC;
1113 border: 2px solid grey;
1121QProgressBar::chunk {
1122 background-color: #CD96CD;
1131 border: 2px solid #8f8f91;
1133 background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1134 stop: 0 #f6f7fa, stop: 1 #dadbde);
1138QPushButton:pressed {
1139 background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1140 stop: 0 #dadbde, stop: 1 #f6f7fa);
1144 border: none; /* no border for a flat push button */
1147QPushButton:default {
1148 border-color: navy; /* make the default button prominent */
1154QPushButton:open { /* when the button has its menu open */
1155 background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1156 stop: 0 #dadbde, stop: 1 #f6f7fa);
1159QPushButton::menu-indicator {
1160 image: url(menu_indicator.png);
1161 subcontrol-origin: padding;
1162 subcontrol-position: bottom right;
1165QPushButton::menu-indicator:pressed, QPushButton::menu-indicator:open {
1167 top: 2px; left: 2px; /* shift the arrow by 2 px */
1173QRadioButton::indicator {
1178QRadioButton::indicator::unchecked {
1179 image: url(:/images/radiobutton_unchecked.png);
1182QRadioButton::indicator:unchecked:hover {
1183 image: url(:/images/radiobutton_unchecked_hover.png);
1186QRadioButton::indicator:unchecked:pressed {
1187 image: url(:/images/radiobutton_unchecked_pressed.png);
1190QRadioButton::indicator::checked {
1191 image: url(:/images/radiobutton_checked.png);
1194QRadioButton::indicator:checked:hover {
1195 image: url(:/images/radiobutton_checked_hover.png);
1198QRadioButton::indicator:checked:pressed {
1199 image: url(:/images/radiobutton_checked_pressed.png);
1205QScrollBar:horizontal {
1206 border: 2px solid grey;
1207 background: #32CC99;
1209 margin: 0px 20px 0 20px;
1215QScrollBar::handle:horizontal {
1223QScrollBar::add-line:horizontal {
1224 border: 2px solid grey;
1225 background: #32CC99;
1227 subcontrol-position: right;
1228 subcontrol-origin: margin;
1231QScrollBar::sub-line:horizontal {
1232 border: 2px solid grey;
1233 background: #32CC99;
1235 subcontrol-position: left;
1236 subcontrol-origin: margin;
1242QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal {
1243 border: 2px solid grey;
1249QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
1256QScrollBar:horizontal {
1257 border: 2px solid green;
1260 margin: 0px 40px 0 0px;
1263QScrollBar::handle:horizontal {
1268QScrollBar::add-line:horizontal {
1271 subcontrol-position: right;
1272 subcontrol-origin: margin;
1273 border: 2px solid black;
1276QScrollBar::sub-line:horizontal {
1277 background: magenta;
1279 subcontrol-position: top right;
1280 subcontrol-origin: margin;
1281 border: 2px solid black;
1286QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal {
1292QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
1300 QScrollBar:vertical {
1301 border: 2px solid grey;
1302 background: #32CC99;
1304 margin: 22px 0 22px 0;
1306 QScrollBar::handle:vertical {
1310 QScrollBar::add-line:vertical {
1311 border: 2px solid grey;
1312 background: #32CC99;
1314 subcontrol-position: bottom;
1315 subcontrol-origin: margin;
1318 QScrollBar::sub-line:vertical {
1319 border: 2px solid grey;
1320 background: #32CC99;
1322 subcontrol-position: top;
1323 subcontrol-origin: margin;
1325 QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
1326 border: 2px solid grey;
1332 QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
1340 image: url(:/images/sizegrip.png);
1348QSlider::groove:horizontal {
1349 border: 1px solid #999999;
1350 height: 8px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
1351 background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);
1355QSlider::handle:horizontal {
1356 background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
1357 border: 1px solid #5c5c5c;
1359 margin: -2px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
1366QSlider::groove:vertical {
1368 position: absolute; /* absolutely position 4px from the left and right of the widget. setting margins on the widget should work too... */
1369 left: 4px; right: 4px;
1372QSlider::handle:vertical {
1375 margin: 0 -4px; /* expand outside the groove */
1378QSlider::add-page:vertical {
1382QSlider::sub-page:vertical {
1390 padding-right: 15px; /* make room for the arrows */
1391 border-image: url(:/images/frame.png) 4;
1395QSpinBox::up-button {
1396 subcontrol-origin: border;
1397 subcontrol-position: top right; /* position at the top right corner */
1399 width: 16px; /* 16 + 2*1px border-width = 15px padding + 3px parent border */
1400 border-image: url(:/images/spinup.png) 1;
1404QSpinBox::up-button:hover {
1405 border-image: url(:/images/spinup_hover.png) 1;
1408QSpinBox::up-button:pressed {
1409 border-image: url(:/images/spinup_pressed.png) 1;
1413 image: url(:/images/up_arrow.png);
1418QSpinBox::up-arrow:disabled, QSpinBox::up-arrow:off { /* off state when value is max */
1419 image: url(:/images/up_arrow_disabled.png);
1422QSpinBox::down-button {
1423 subcontrol-origin: border;
1424 subcontrol-position: bottom right; /* position at bottom right corner */
1427 border-image: url(:/images/spindown.png) 1;
1429 border-top-width: 0;
1432QSpinBox::down-button:hover {
1433 border-image: url(:/images/spindown_hover.png) 1;
1436QSpinBox::down-button:pressed {
1437 border-image: url(:/images/spindown_pressed.png) 1;
1440QSpinBox::down-arrow {
1441 image: url(:/images/down_arrow.png);
1446QSpinBox::down-arrow:disabled,
1447QSpinBox::down-arrow:off { /* off state when value in min */
1448 image: url(:/images/down_arrow_disabled.png);
1456 image: url(images/splitter.png);
1459QSplitter::handle:horizontal {
1463QSplitter::handle:vertical {
1467QSplitter::handle:pressed {
1468 url(images/splitter_pressed.png);
1480 border: 1px solid red;
1488 border: 3px solid white;
1494QTabWidget::pane { /* The tab widget frame */
1495 border-top: 2px solid #C2C7CB;
1498QTabWidget::tab-bar {
1499 left: 5px; /* move to the right by 5px */
1502/* Style the tab using the tab sub-control. Note that
1503 it reads QTabBar _not_ QTabWidget */
1505 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1506 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
1507 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
1508 border: 2px solid #C4C4C3;
1509 border-bottom-color: #C2C7CB; /* same as the pane color */
1510 border-top-left-radius: 4px;
1511 border-top-right-radius: 4px;
1516QTabBar::tab:selected, QTabBar::tab:hover {
1517 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1518 stop: 0 #fafafa, stop: 0.4 #f4f4f4,
1519 stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
1522QTabBar::tab:selected {
1523 border-color: #9B9B9B;
1524 border-bottom-color: #C2C7CB; /* same as pane color */
1527QTabBar::tab:!selected {
1528 margin-top: 2px; /* make non-selected tabs look smaller */
1534QTabWidget::pane { /* The tab widget frame */
1535 border-top: 2px solid #C2C7CB;
1538QTabWidget::tab-bar {
1539 left: 5px; /* move to the right by 5px */
1542/* Style the tab using the tab sub-control. Note that
1543 it reads QTabBar _not_ QTabWidget */
1545 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1546 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
1547 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
1548 border: 2px solid #C4C4C3;
1549 border-bottom-color: #C2C7CB; /* same as the pane color */
1550 border-top-left-radius: 4px;
1551 border-top-right-radius: 4px;
1556QTabBar::tab:selected, QTabBar::tab:hover {
1557 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1558 stop: 0 #fafafa, stop: 0.4 #f4f4f4,
1559 stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
1562QTabBar::tab:selected {
1563 border-color: #9B9B9B;
1564 border-bottom-color: #C2C7CB; /* same as pane color */
1567QTabBar::tab:!selected {
1568 margin-top: 2px; /* make non-selected tabs look smaller */
1571/* make use of negative margins for overlapping tabs */
1572QTabBar::tab:selected {
1573 /* expand/overlap to the left and right by 4px */
1578QTabBar::tab:first:selected {
1579 margin-left: 0; /* the first selected tab has nothing to overlap with on the left */
1582QTabBar::tab:last:selected {
1583 margin-right: 0; /* the last selected tab has nothing to overlap with on the right */
1586QTabBar::tab:only-one {
1587 margin: 0; /* if there is only one tab, we don't want overlapping margins */
1593QTabWidget::pane { /* The tab widget frame */
1594 border-top: 2px solid #C2C7CB;
1599QTabWidget::tab-bar {
1603/* Style the tab using the tab sub-control. Note that
1604 it reads QTabBar _not_ QTabWidget */
1606 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1607 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
1608 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
1609 border: 2px solid #C4C4C3;
1610 border-bottom-color: #C2C7CB; /* same as the pane color */
1611 border-top-left-radius: 4px;
1612 border-top-right-radius: 4px;
1617QTabBar::tab:selected, QTabBar::tab:hover {
1618 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1619 stop: 0 #fafafa, stop: 0.4 #f4f4f4,
1620 stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
1623QTabBar::tab:selected {
1624 border-color: #9B9B9B;
1625 border-bottom-color: #C2C7CB; /* same as pane color */
1632 image: url(tear_indicator.png);
1635QTabBar::scroller { /* the width of the scroll buttons */
1639QTabBar QToolButton { /* the scroll buttons are tool buttons */
1640 border-image: url(scrollbutton.png) 2;
1644QTabBar QToolButton::right-arrow { /* the arrow mark in the tool buttons */
1645 image: url(rightarrow.png);
1648QTabBar QToolButton::left-arrow {
1649 image: url(leftarrow.png);
1656 selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0.5, y2: 0.5,
1657 stop: 0 #FF92BB, stop: 1 white);
1663QTableView QTableCornerButton::section {
1665 border: 2px outset red;
1673 spacing: 3px; /* spacing between items in the tool bar */
1677 image: url(handle.png);
1684 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1685 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
1686 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
1691QToolBox::tab:selected { /* italicize selected tabs */
1699QToolButton { /* all types of tool button */
1700 border: 2px solid #8f8f91;
1702 background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1703 stop: 0 #f6f7fa, stop: 1 #dadbde);
1706QToolButton[popupMode="1"] { /* only for MenuButtonPopup */
1707 padding-right: 20px; /* make way for the popup button */
1710QToolButton:pressed {
1711 background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
1712 stop: 0 #dadbde, stop: 1 #f6f7fa);
1715/* the subcontrols below are used only in the MenuButtonPopup mode */
1716QToolButton::menu-button {
1717 border: 2px solid gray;
1718 border-top-right-radius: 6px;
1719 border-bottom-right-radius: 6px;
1720 /* 16px width + 4px for border = 20px allocated above */
1724QToolButton::menu-arrow {
1725 image: url(downarrow.png);
1728QToolButton::menu-arrow:open {
1729 top: 1px; left: 1px; /* shift it a bit */
1736 border: 2px solid darkkhaki;
1746 alternate-background-color: yellow;
1753 show-decoration-selected: 1;
1757 border: 1px solid #d9d9d9;
1758 border-top-color: transparent;
1759 border-bottom-color: transparent;
1762QTreeView::item:hover {
1763 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e7effd, stop: 1 #cbdaf1);
1764 border: 1px solid #bfcde4;
1767QTreeView::item:selected {
1768 border: 1px solid #567dbc;
1771QTreeView::item:selected:active{
1772 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6ea1f1, stop: 1 #567dbc);
1775QTreeView::item:selected:!active {
1776 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6b9be8, stop: 1 #577fbf);
1783 background: palette(base);
1786QTreeView::branch:has-siblings:!adjoins-item {
1790QTreeView::branch:has-siblings:adjoins-item {
1794QTreeView::branch:!has-children:!has-siblings:adjoins-item {
1798QTreeView::branch:closed:has-children:has-siblings {
1802QTreeView::branch:has-children:!has-siblings:closed {
1806QTreeView::branch:open:has-children:has-siblings {
1807 background: magenta;
1810QTreeView::branch:open:has-children:!has-siblings {
1818QTreeView::branch:has-siblings:!adjoins-item {
1819 border-image: url(vline.png) 0;
1822QTreeView::branch:has-siblings:adjoins-item {
1823 border-image: url(branch-more.png) 0;
1826QTreeView::branch:!has-children:!has-siblings:adjoins-item {
1827 border-image: url(branch-end.png) 0;
1830QTreeView::branch:has-children:!has-siblings:closed,
1831QTreeView::branch:closed:has-children:has-siblings {
1833 image: url(branch-closed.png);
1836QTreeView::branch:open:has-children:!has-siblings,
1837QTreeView::branch:open:has-children:has-siblings {
1839 image: url(branch-open.png);
1844QTabBar::close-button {
1845 image: url(close.png)
1846 subcontrol-position: left;
1848QTabBar::close-button:hover {
1849 image: url(close-hover.png)
1855* { lineedit-password-mask-delay: 1000 }
1859QTableView::indicator:unchecked {
1860 background-color: #d7d6d5
1865* { widget-animation-duration: 100 }
1869QLineEdit { placeholder-text-color: #800000ff } /* semi-transparent blue */