| /**************************************************************************** |
| ** |
| ** Copyright (C) 2016 The Qt Company Ltd. |
| ** Contact: https://www.qt.io/licensing/ |
| ** |
| ** This file is part of the documentation of the Qt Toolkit. |
| ** |
| ** $QT_BEGIN_LICENSE:BSD$ |
| ** Commercial License Usage |
| ** Licensees holding valid commercial Qt licenses may use this file in |
| ** accordance with the commercial license agreement provided with the |
| ** Software or, alternatively, in accordance with the terms contained in |
| ** a written agreement between you and The Qt Company. For licensing terms |
| ** and conditions see https://www.qt.io/terms-conditions. For further |
| ** information use the contact form at https://www.qt.io/contact-us. |
| ** |
| ** BSD License Usage |
| ** Alternatively, you may use this file under the terms of the BSD license |
| ** as follows: |
| ** |
| ** "Redistribution and use in source and binary forms, with or without |
| ** modification, are permitted provided that the following conditions are |
| ** met: |
| ** * Redistributions of source code must retain the above copyright |
| ** notice, this list of conditions and the following disclaimer. |
| ** * Redistributions in binary form must reproduce the above copyright |
| ** notice, this list of conditions and the following disclaimer in |
| ** the documentation and/or other materials provided with the |
| ** distribution. |
| ** * Neither the name of The Qt Company Ltd nor the names of its |
| ** contributors may be used to endorse or promote products derived |
| ** from this software without specific prior written permission. |
| ** |
| ** |
| ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS |
| ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
| ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
| ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
| ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
| ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
| ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
| ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
| ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE." |
| ** |
| ** $QT_END_LICENSE$ |
| ** |
| ****************************************************************************/ |
| |
| //! [0] |
| QLineEdit { background: yellow } |
| QCheckBox { color: red } |
| //! [0] |
| |
| |
| //! [1] |
| QPushButton { color: red } |
| //! [1] |
| |
| |
| //! [2] |
| QPushButton, QLineEdit, QComboBox { color: red } |
| //! [2] |
| |
| |
| //! [3] |
| QPushButton { color: red } |
| QLineEdit { color: red } |
| QComboBox { color: red } |
| //! [3] |
| |
| |
| //! [4] |
| QPushButton { color: red; background-color: white } |
| //! [4] |
| |
| |
| //! [5] |
| QComboBox::drop-down { image: url(dropdown.png) } |
| //! [5] |
| |
| |
| //! [6] |
| QComboBox { |
| margin-right: 20px; |
| } |
| QComboBox::drop-down { |
| subcontrol-origin: margin; |
| } |
| //! [6] |
| |
| |
| //! [7] |
| QComboBox::down-arrow { |
| image: url(down_arrow.png); |
| } |
| QComboBox::down-arrow:pressed { |
| position: relative; |
| top: 1px; left: 1px; |
| } |
| //! [7] |
| |
| |
| //! [8] |
| QPushButton:hover { color: white } |
| //! [8] |
| |
| |
| //! [9] |
| QRadioButton:!hover { color: red } |
| //! [9] |
| |
| |
| //! [10] |
| QCheckBox:hover:checked { color: white } |
| //! [10] |
| |
| |
| //! [11] |
| QPushButton:hover:!pressed { color: blue; } |
| //! [11] |
| |
| |
| //! [12] |
| QCheckBox:hover, QCheckBox:checked { color: white } |
| //! [12] |
| |
| |
| //! [13] |
| QComboBox::drop-down:hover { image: url(dropdown_bright.png) } |
| //! [13] |
| |
| |
| //! [14] |
| QPushButton#okButton { color: gray } |
| QPushButton { color: red } |
| //! [14] |
| |
| |
| //! [15] |
| QPushButton:hover { color: white } |
| QPushButton { color: red } |
| //! [15] |
| |
| |
| //! [16] |
| QPushButton:hover { color: white } |
| QPushButton:enabled { color: red } |
| //! [16] |
| |
| |
| //! [17] |
| QPushButton:enabled { color: red } |
| QPushButton:hover { color: white } |
| //! [17] |
| |
| |
| //! [18] |
| QPushButton:hover:enabled { color: white } |
| QPushButton:enabled { color: red } |
| //! [18] |
| |
| |
| //! [19] |
| QPushButton { color: red } |
| QAbstractButton { color: gray } |
| //! [19] |
| |
| |
| //! [20] |
| * {} /* a=0 b=0 c=0 -> specificity = 0 */ |
| LI {} /* a=0 b=0 c=1 -> specificity = 1 */ |
| UL LI {} /* a=0 b=0 c=2 -> specificity = 2 */ |
| UL OL+LI {} /* a=0 b=0 c=3 -> specificity = 3 */ |
| H1 + *[REL=up]{} /* a=0 b=1 c=1 -> specificity = 11 */ |
| UL OL LI.red {} /* a=0 b=1 c=3 -> specificity = 13 */ |
| LI.red.level {} /* a=0 b=2 c=1 -> specificity = 21 */ |
| #x34y {} /* a=1 b=0 c=0 -> specificity = 100 */ |
| //! [20] |
| |
| |
| //! [28] |
| MyLabel { qproperty-pixmap: url(pixmap.png); } |
| MyGroupBox { qproperty-titleColor: rgb(100, 200, 100); } |
| QPushButton { qproperty-iconSize: 20px 20px; } |
| //! [28] |
| |
| |
| //! [30] |
| QPushButton { background-color: red; border: none; } |
| //! [30] |
| |
| |
| //! [31] |
| QToolButton { background-color: red; border: none; } |
| //! [31] |
| |
| |
| //! [33] |
| QTreeView { |
| alternate-background-color: blue; |
| background: yellow; |
| } |
| //! [33] |
| |
| |
| //! [34] |
| QTextEdit { background: yellow } |
| //! [34] |
| |
| |
| //! [35] |
| QLabel { |
| background-image: url(dense6pattern.png); |
| background-repeat: repeat-xy; |
| } |
| //! [35] |
| |
| |
| //! [36] |
| QLabel { background-color: yellow } |
| QLineEdit { background-color: rgb(255, 0, 0) } |
| //! [36] |
| |
| |
| //! [37] |
| QFrame { background-image: url(:/images/hydro.png) } |
| //! [37] |
| |
| |
| //! [38] |
| QFrame { |
| background: white url(:/images/ring.png); |
| background-repeat: repeat-y; |
| background-position: left; |
| } |
| //! [38] |
| |
| |
| //! [39] |
| QFrame { |
| background: url(:/images/footer.png); |
| background-position: bottom left; |
| } |
| //! [39] |
| |
| |
| //! [40] |
| QTextEdit { |
| background-image: url("leaves.png"); |
| background-attachment: fixed; |
| } |
| //! [40] |
| |
| |
| //! [41] |
| QFrame { |
| background-image: url(:/images/header.png); |
| background-position: top left; |
| background-origin: content; |
| background-clip: padding; |
| } |
| //! [41] |
| |
| |
| //! [42] |
| QFrame { |
| background-image: url(:/images/header.png); |
| background-position: top left; |
| background-origin: content; |
| } |
| //! [42] |
| |
| |
| //! [43] |
| QLineEdit { border: 1px solid white } |
| //! [43] |
| |
| |
| //! [44] |
| QLineEdit { |
| border-width: 1px; |
| border-style: solid; |
| border-color: white; |
| } |
| //! [44] |
| |
| |
| //! [45] |
| QLineEdit { |
| border-width: 1px; |
| border-style: solid; |
| border-radius: 4px; |
| } |
| //! [45] |
| |
| |
| //! [46] |
| QLineEdit { |
| border-width: 1px; |
| border-style: solid; |
| border-color: blue; |
| } |
| //! [46] |
| |
| |
| //! [47] |
| QLineEdit { |
| border-width: 2px; |
| border-style: solid; |
| border-color: darkblue; |
| } |
| //! [47] |
| |
| |
| //! [48] |
| QSpinBox::down-button { bottom: 2px } |
| //! [48] |
| |
| |
| //! [49] |
| * { button-layout: 2 } |
| //! [49] |
| |
| |
| //! [50] |
| QPushButton { color: red } |
| //! [50] |
| |
| |
| //! [51] |
| QDialogButtonBox { dialogbuttonbox-buttons-have-icons: 1; } |
| //! [51] |
| |
| |
| //! [52] |
| * { etch-disabled-text: 1 } |
| //! [52] |
| |
| |
| //! [53] |
| QCheckBox { font: bold italic large "Times New Roman" } |
| //! [53] |
| |
| |
| //! [54] |
| QCheckBox { font-family: "New Century Schoolbook" } |
| //! [54] |
| |
| |
| //! [55] |
| QTextEdit { font-size: 12px } |
| //! [55] |
| |
| |
| //! [56] |
| QTextEdit { font-style: italic } |
| //! [56] |
| |
| |
| //! [57] |
| * { gridline-color: gray } |
| //! [57] |
| |
| |
| //! [58] |
| QSpinBox::down-button { height: 10px } |
| //! [58] |
| |
| |
| //! [59] |
| // implicitly sets the size of down-button to the |
| // size of spindown.png |
| QSpinBox::down-button { image: url(:/images/spindown.png) } |
| //! [59] |
| |
| |
| //! [60] |
| QSpinBox::down-button { left: 2px } |
| //! [60] |
| |
| |
| //! [61] |
| * { lineedit-password-character: 9679 } |
| //! [61] |
| |
| |
| //! [62] |
| QLineEdit { margin: 2px } |
| //! [62] |
| |
| |
| //! [63] |
| QSpinBox { max-height: 24px } |
| //! [63] |
| |
| |
| //! [64] |
| QComboBox { max-width: 72px } |
| //! [64] |
| |
| |
| //! [65] |
| QMessageBox { messagebox-text-interaction-flags: 5 } |
| //! [65] |
| |
| |
| //! [66] |
| QComboBox { min-height: 24px } |
| //! [66] |
| |
| |
| //! [67] |
| QComboBox { min-width: 72px } |
| //! [67] |
| |
| |
| //! [68] |
| QToolTip { opacity: 223 } |
| //! [68] |
| |
| |
| //! [69] |
| QLineEdit { padding: 3px } |
| //! [69] |
| |
| |
| //! [70] |
| QSpinBox::down-button { right: 2px } |
| //! [70] |
| |
| |
| //! [71] |
| QTextEdit { selection-background-color: darkblue } |
| //! [71] |
| |
| |
| //! [72] |
| QTextEdit { selection-color: white } |
| //! [72] |
| |
| |
| //! [73] |
| * { show-decoration-selected: 1 } |
| //! [73] |
| |
| |
| //! [74] |
| QMenuBar { spacing: 10 } |
| //! [74] |
| |
| |
| //! [75] |
| QSpinBox::up-button { |
| image: url(:/images/spinup.png); |
| subcontrol-origin: content; |
| subcontrol-position: right top; |
| } |
| //! [75] |
| |
| |
| //! [76] |
| QSpinBox::down-button { |
| image: url(:/images/spindown.png); |
| subcontrol-origin: padding; |
| subcontrol-position: right bottom; |
| } |
| //! [76] |
| |
| |
| //! [77] |
| QPushButton { |
| text-align: left; |
| } |
| //! [77] |
| |
| |
| //! [78] |
| QSpinBox::up-button { top: 2px } |
| //! [78] |
| |
| |
| //! [79] |
| QSpinBox::up-button { width: 12px } |
| //! [79] |
| |
| |
| //! [80] |
| QTextEdit { background-position: bottom center } |
| //! [80] |
| |
| |
| //! [81] |
| QDialog { etch-disabled-text: 1 } |
| //! [81] |
| |
| |
| //! [82] |
| QLabel { border-color: red } /* red red red red */ |
| QLabel { border-color: red blue } /* red blue red blue */ |
| QLabel { border-color: red blue green } /* red blue green blue */ |
| QLabel { border-color: red blue green yellow } |
| /* red blue green yellow */ |
| //! [82] |
| |
| |
| //! [83] |
| QLabel { border-width: 1px } /* 1px 1px 1px 1px */ |
| QLabel { border-width: 1px 2px } /* 1px 2px 1px 2px */ |
| QLabel { border-width: 1px 2px 3px } /* 1px 2px 3px 2px */ |
| QLabel { border-width: 1px 2px 3px 4px } /* 1px 2px 3px 4px */ |
| //! [83] |
| |
| |
| //! [84] |
| QLabel { border-color: red } /* opaque red */ |
| QLabel { border-color: #FF0000 } /* opaque red */ |
| QLabel { border-color: rgba(255, 0, 0, 75%) } /* 75% opaque red */ |
| QLabel { border-color: rgb(255, 0, 0) } /* opaque red */ |
| QLabel { border-color: rgb(100%, 0%, 0%) } /* opaque red */ |
| QLabel { border-color: hsv(60, 100%, 100%) } /* opaque yellow */ |
| QLabel { border-color: hsva(240, 255, 255, 75%) } /* 75% blue */ |
| QLabel { border-color: hsl(60, 100%, 50%) } /* opaque yellow */ |
| QLabel { border-color: hsla(240, 255, 50%, 75%) } /* 75% blue */ |
| //! [84] |
| |
| |
| //! [85] |
| /* linear gradient from white to green */ |
| QTextEdit { |
| background: qlineargradient(x1:0, y1:0, x2:1, y2:1, |
| stop:0 white, stop: 0.4 gray, stop:1 green) |
| } |
| |
| /* linear gradient from white to green */ |
| QTextEdit { |
| background: qlineargradient(x1:0, y1:0, x2:1, y2:1, |
| stop:0 white, stop: 0.4 rgba(10, 20, 30, 40), |
| stop:1 rgb(0, 200, 230, 200)) |
| } |
| |
| |
| /* conical gradient from white to green */ |
| QTextEdit { |
| background: qconicalgradient(cx:0.5, cy:0.5, angle:30, |
| stop:0 white, stop:1 #00FF00) |
| } |
| |
| /* radial gradient from white to green */ |
| QTextEdit { |
| background: qradialgradient(cx:0, cy:0, radius: 1, |
| fx:0.5, fy:0.5, stop:0 white, stop:1 green) |
| } |
| //! [85] |
| |
| |
| //! [86] |
| * { |
| file-icon: url(file.png), |
| url(file_selected.png) selected; |
| } |
| |
| QMessageBox { |
| dialogbuttonbox-buttons-have-icons: true; |
| dialog-ok-icon: url(ok.svg); |
| dialog-cancel-icon: url(cancel.png), |
| url(grayed_cancel.png) disabled; |
| } |
| //! [86] |
| |
| |
| //! [87] |
| QPushButton { color: palette(dark); } |
| //! [87] |
| |
| |
| //! [94] |
| *[mandatoryField="true"] { background-color: yellow } |
| //! [94] |
| |
| |
| //! [96] |
| QPushButton#evilButton { background-color: red } |
| //! [96] |
| |
| |
| //! [97] |
| QPushButton#evilButton { |
| background-color: red; |
| border-style: outset; |
| border-width: 2px; |
| border-color: beige; |
| } |
| //! [97] |
| |
| |
| //! [98] |
| QPushButton#evilButton { |
| background-color: red; |
| border-style: outset; |
| border-width: 2px; |
| border-radius: 10px; |
| border-color: beige; |
| font: bold 14px; |
| min-width: 10em; |
| padding: 6px; |
| } |
| //! [98] |
| |
| |
| //! [99] |
| QPushButton#evilButton { |
| background-color: red; |
| border-style: outset; |
| border-width: 2px; |
| border-radius: 10px; |
| border-color: beige; |
| font: bold 14px; |
| min-width: 10em; |
| padding: 6px; |
| } |
| QPushButton#evilButton:pressed { |
| background-color: rgb(224, 0, 0); |
| border-style: inset; |
| } |
| //! [99] |
| |
| |
| //! [100] |
| QPushButton#evilButton::menu-indicator { |
| image: url(myindicator.png); |
| } |
| //! [100] |
| |
| |
| //! [101] |
| QPushButton::menu-indicator { |
| image: url(myindicator.png); |
| subcontrol-position: right center; |
| subcontrol-origin: padding; |
| left: -2px; |
| } |
| //! [101] |
| |
| |
| //! [102] |
| QLineEdit { color: red } |
| //! [102] |
| |
| |
| //! [103] |
| QLineEdit { color: red } |
| QLineEdit[readOnly="true"] { color: gray } |
| //! [103] |
| |
| |
| //! [104] |
| QLineEdit { color: red } |
| QLineEdit[readOnly="true"] { color: gray } |
| #registrationDialog QLineEdit { color: brown } |
| //! [104] |
| |
| |
| //! [105] |
| QLineEdit { color: red } |
| QLineEdit[readOnly="true"] { color: gray } |
| QDialog QLineEdit { color: brown } |
| //! [105] |
| |
| |
| //! [106] |
| QTextEdit, QListView { |
| background-color: white; |
| background-image: url(draft.png); |
| background-attachment: scroll; |
| } |
| //! [106] |
| |
| |
| //! [107] |
| QTextEdit, QListView { |
| background-color: white; |
| background-image: url(draft.png); |
| background-attachment: fixed; |
| } |
| //! [107] |
| |
| |
| //! [108] |
| QCheckBox { |
| spacing: 5px; |
| } |
| |
| QCheckBox::indicator { |
| width: 13px; |
| height: 13px; |
| } |
| |
| QCheckBox::indicator:unchecked { |
| image: url(:/images/checkbox_unchecked.png); |
| } |
| |
| QCheckBox::indicator:unchecked:hover { |
| image: url(:/images/checkbox_unchecked_hover.png); |
| } |
| |
| QCheckBox::indicator:unchecked:pressed { |
| image: url(:/images/checkbox_unchecked_pressed.png); |
| } |
| |
| QCheckBox::indicator:checked { |
| image: url(:/images/checkbox_checked.png); |
| } |
| |
| QCheckBox::indicator:checked:hover { |
| image: url(:/images/checkbox_checked_hover.png); |
| } |
| |
| QCheckBox::indicator:checked:pressed { |
| image: url(:/images/checkbox_checked_pressed.png); |
| } |
| |
| QCheckBox::indicator:indeterminate:hover { |
| image: url(:/images/checkbox_indeterminate_hover.png); |
| } |
| |
| QCheckBox::indicator:indeterminate:pressed { |
| image: url(:/images/checkbox_indeterminate_pressed.png); |
| } |
| //! [108] |
| |
| |
| //! [109] |
| QComboBox { |
| border: 1px solid gray; |
| border-radius: 3px; |
| padding: 1px 18px 1px 3px; |
| min-width: 6em; |
| } |
| |
| QComboBox:editable { |
| background: white; |
| } |
| |
| QComboBox:!editable, QComboBox::drop-down:editable { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, |
| stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3); |
| } |
| |
| /* QComboBox gets the "on" state when the popup is open */ |
| QComboBox:!editable:on, QComboBox::drop-down:editable:on { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #D3D3D3, stop: 0.4 #D8D8D8, |
| stop: 0.5 #DDDDDD, stop: 1.0 #E1E1E1); |
| } |
| |
| QComboBox:on { /* shift the text when the popup opens */ |
| padding-top: 3px; |
| padding-left: 4px; |
| } |
| |
| QComboBox::drop-down { |
| subcontrol-origin: padding; |
| subcontrol-position: top right; |
| width: 15px; |
| |
| border-left-width: 1px; |
| border-left-color: darkgray; |
| border-left-style: solid; /* just a single line */ |
| border-top-right-radius: 3px; /* same radius as the QComboBox */ |
| border-bottom-right-radius: 3px; |
| } |
| |
| QComboBox::down-arrow { |
| image: url(/usr/share/icons/crystalsvg/16x16/actions/1downarrow.png); |
| } |
| |
| QComboBox::down-arrow:on { /* shift the arrow when popup is open */ |
| top: 1px; |
| left: 1px; |
| } |
| //! [109] |
| |
| |
| //! [110] |
| QComboBox QAbstractItemView { |
| border: 2px solid darkgray; |
| selection-background-color: lightgray; |
| } |
| //! [110] |
| |
| |
| //! [111] |
| QDockWidget { |
| border: 1px solid lightgray; |
| titlebar-close-icon: url(close.png); |
| titlebar-normal-icon: url(undock.png); |
| } |
| |
| QDockWidget::title { |
| text-align: left; /* align the text to the left */ |
| background: lightgray; |
| padding-left: 5px; |
| } |
| |
| QDockWidget::close-button, QDockWidget::float-button { |
| border: 1px solid transparent; |
| background: darkgray; |
| padding: 0px; |
| } |
| |
| QDockWidget::close-button:hover, QDockWidget::float-button:hover { |
| background: gray; |
| } |
| |
| QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { |
| padding: 1px -1px -1px 1px; |
| } |
| //! [111] |
| |
| |
| //! [112] |
| QDockWidget { |
| border: 1px solid lightgray; |
| titlebar-close-icon: url(close.png); |
| titlebar-normal-icon: url(float.png); |
| } |
| |
| QDockWidget::title { |
| text-align: left; |
| background: lightgray; |
| padding-left: 35px; |
| } |
| |
| QDockWidget::close-button, QDockWidget::float-button { |
| background: darkgray; |
| padding: 0px; |
| icon-size: 14px; /* maximum icon size */ |
| } |
| |
| QDockWidget::close-button:hover, QDockWidget::float-button:hover { |
| background: gray; |
| } |
| |
| QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { |
| padding: 1px -1px -1px 1px; |
| } |
| |
| QDockWidget::close-button { |
| subcontrol-position: top left; |
| subcontrol-origin: margin; |
| position: absolute; |
| top: 0px; left: 0px; bottom: 0px; |
| width: 14px; |
| } |
| |
| QDockWidget::float-button { |
| subcontrol-position: top left; |
| subcontrol-origin: margin; |
| position: absolute; |
| top: 0px; left: 16px; bottom: 0px; |
| width: 14px; |
| } |
| //! [112] |
| |
| |
| //! [113] |
| QFrame, QLabel, QToolTip { |
| border: 2px solid green; |
| border-radius: 4px; |
| padding: 2px; |
| background-image: url(images/welcome.png); |
| } |
| //! [113] |
| |
| |
| //! [114] |
| QGroupBox { |
| background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #E0E0E0, stop: 1 #FFFFFF); |
| border: 2px solid gray; |
| border-radius: 5px; |
| margin-top: 1ex; /* leave space at the top for the title */ |
| } |
| |
| QGroupBox::title { |
| subcontrol-origin: margin; |
| subcontrol-position: top center; /* position at the top center */ |
| padding: 0 3px; |
| background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #FF0ECE, stop: 1 #FFFFFF); |
| } |
| //! [114] |
| |
| |
| //! [115] |
| QGroupBox::indicator { |
| width: 13px; |
| height: 13px; |
| } |
| |
| QGroupBox::indicator:unchecked { |
| image: url(:/images/checkbox_unchecked.png); |
| } |
| |
| /* proceed with styling just like QCheckBox */ |
| //! [115] |
| |
| |
| //! [116] |
| QHeaderView::section { |
| background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, |
| stop:0 #616161, stop: 0.5 #505050, |
| stop: 0.6 #434343, stop:1 #656565); |
| color: white; |
| padding-left: 4px; |
| border: 1px solid #6c6c6c; |
| } |
| |
| QHeaderView::section:checked |
| { |
| background-color: red; |
| } |
| |
| /* style the sort indicator */ |
| QHeaderView::down-arrow { |
| image: url(down_arrow.png); |
| } |
| |
| QHeaderView::up-arrow { |
| image: url(up_arrow.png); |
| } |
| //! [116] |
| |
| |
| //! [117] |
| QLineEdit { |
| border: 2px solid gray; |
| border-radius: 10px; |
| padding: 0 8px; |
| background: yellow; |
| selection-background-color: darkgray; |
| } |
| //! [117] |
| |
| |
| //! [118] |
| QLineEdit[echoMode="2"] { |
| lineedit-password-character: 9679; |
| } |
| //! [118] |
| |
| |
| //! [119] |
| QLineEdit:read-only { |
| background: lightblue; |
| } |
| //! [119] |
| |
| |
| //! [120] |
| QListView { |
| alternate-background-color: yellow; |
| } |
| //! [120] |
| |
| |
| //! [121] |
| QListView { |
| show-decoration-selected: 1; /* make the selection span the entire width of the view */ |
| } |
| |
| QListView::item:alternate { |
| background: #EEEEEE; |
| } |
| |
| QListView::item:selected { |
| border: 1px solid #6a6ea9; |
| } |
| |
| QListView::item:selected:!active { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #ABAFE5, stop: 1 #8588B2); |
| } |
| |
| QListView::item:selected:active { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #6a6ea9, stop: 1 #888dd9); |
| } |
| |
| QListView::item:hover { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #FAFBFE, stop: 1 #DCDEF1); |
| } |
| //! [121] |
| |
| |
| //! [122] |
| QMainWindow::separator { |
| background: yellow; |
| width: 10px; /* when vertical */ |
| height: 10px; /* when horizontal */ |
| } |
| |
| QMainWindow::separator:hover { |
| background: red; |
| } |
| //! [122] |
| |
| |
| //! [123] |
| QMenu { |
| background-color: #ABABAB; /* sets background of the menu */ |
| border: 1px solid black; |
| } |
| |
| QMenu::item { |
| /* sets background of menu item. set this to something non-transparent |
| if you want menu color and menu item color to be different */ |
| background-color: transparent; |
| } |
| |
| QMenu::item:selected { /* when user selects item using mouse or keyboard */ |
| background-color: #654321; |
| } |
| //! [123] |
| |
| |
| //! [124] |
| QMenu { |
| background-color: white; |
| margin: 2px; /* some spacing around the menu */ |
| } |
| |
| QMenu::item { |
| padding: 2px 25px 2px 20px; |
| border: 1px solid transparent; /* reserve space for selection border */ |
| } |
| |
| QMenu::item:selected { |
| border-color: darkblue; |
| background: rgba(100, 100, 100, 150); |
| } |
| |
| QMenu::icon:checked { /* appearance of a 'checked' icon */ |
| background: gray; |
| border: 1px inset gray; |
| position: absolute; |
| top: 1px; |
| right: 1px; |
| bottom: 1px; |
| left: 1px; |
| } |
| |
| QMenu::separator { |
| height: 2px; |
| background: lightblue; |
| margin-left: 10px; |
| margin-right: 5px; |
| } |
| |
| QMenu::indicator { |
| width: 13px; |
| height: 13px; |
| } |
| |
| /* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */ |
| QMenu::indicator:non-exclusive:unchecked { |
| image: url(:/images/checkbox_unchecked.png); |
| } |
| |
| QMenu::indicator:non-exclusive:unchecked:selected { |
| image: url(:/images/checkbox_unchecked_hover.png); |
| } |
| |
| QMenu::indicator:non-exclusive:checked { |
| image: url(:/images/checkbox_checked.png); |
| } |
| |
| QMenu::indicator:non-exclusive:checked:selected { |
| image: url(:/images/checkbox_checked_hover.png); |
| } |
| |
| /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */ |
| QMenu::indicator:exclusive:unchecked { |
| image: url(:/images/radiobutton_unchecked.png); |
| } |
| |
| QMenu::indicator:exclusive:unchecked:selected { |
| image: url(:/images/radiobutton_unchecked_hover.png); |
| } |
| |
| QMenu::indicator:exclusive:checked { |
| image: url(:/images/radiobutton_checked.png); |
| } |
| |
| QMenu::indicator:exclusive:checked:selected { |
| image: url(:/images/radiobutton_checked_hover.png); |
| } |
| |
| //! [124] |
| |
| |
| //! [125] |
| QMenuBar { |
| background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, |
| stop:0 lightgray, stop:1 darkgray); |
| spacing: 3px; /* spacing between menu bar items */ |
| } |
| |
| QMenuBar::item { |
| padding: 1px 4px; |
| background: transparent; |
| border-radius: 4px; |
| } |
| |
| QMenuBar::item:selected { /* when selected using mouse or keyboard */ |
| background: #a8a8a8; |
| } |
| |
| QMenuBar::item:pressed { |
| background: #888888; |
| } |
| //! [125] |
| |
| |
| //! [126] |
| QProgressBar { |
| border: 2px solid grey; |
| border-radius: 5px; |
| } |
| |
| QProgressBar::chunk { |
| background-color: #05B8CC; |
| width: 20px; |
| } |
| //! [126] |
| |
| |
| //! [127] |
| QProgressBar { |
| border: 2px solid grey; |
| border-radius: 5px; |
| text-align: center; |
| } |
| //! [127] |
| |
| |
| //! [128] |
| QProgressBar::chunk { |
| background-color: #CD96CD; |
| width: 10px; |
| margin: 0.5px; |
| } |
| //! [128] |
| |
| |
| //! [129] |
| QPushButton { |
| border: 2px solid #8f8f91; |
| border-radius: 6px; |
| background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #f6f7fa, stop: 1 #dadbde); |
| min-width: 80px; |
| } |
| |
| QPushButton:pressed { |
| background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #dadbde, stop: 1 #f6f7fa); |
| } |
| |
| QPushButton:flat { |
| border: none; /* no border for a flat push button */ |
| } |
| |
| QPushButton:default { |
| border-color: navy; /* make the default button prominent */ |
| } |
| //! [129] |
| |
| |
| //! [130] |
| QPushButton:open { /* when the button has its menu open */ |
| background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #dadbde, stop: 1 #f6f7fa); |
| } |
| |
| QPushButton::menu-indicator { |
| image: url(menu_indicator.png); |
| subcontrol-origin: padding; |
| subcontrol-position: bottom right; |
| } |
| |
| QPushButton::menu-indicator:pressed, QPushButton::menu-indicator:open { |
| position: relative; |
| top: 2px; left: 2px; /* shift the arrow by 2 px */ |
| } |
| //! [130] |
| |
| |
| //! [131] |
| QRadioButton::indicator { |
| width: 13px; |
| height: 13px; |
| } |
| |
| QRadioButton::indicator::unchecked { |
| image: url(:/images/radiobutton_unchecked.png); |
| } |
| |
| QRadioButton::indicator:unchecked:hover { |
| image: url(:/images/radiobutton_unchecked_hover.png); |
| } |
| |
| QRadioButton::indicator:unchecked:pressed { |
| image: url(:/images/radiobutton_unchecked_pressed.png); |
| } |
| |
| QRadioButton::indicator::checked { |
| image: url(:/images/radiobutton_checked.png); |
| } |
| |
| QRadioButton::indicator:checked:hover { |
| image: url(:/images/radiobutton_checked_hover.png); |
| } |
| |
| QRadioButton::indicator:checked:pressed { |
| image: url(:/images/radiobutton_checked_pressed.png); |
| } |
| //! [131] |
| |
| |
| //! [132] |
| QScrollBar:horizontal { |
| border: 2px solid grey; |
| background: #32CC99; |
| height: 15px; |
| margin: 0px 20px 0 20px; |
| } |
| //! [132] |
| |
| |
| //! [133] |
| QScrollBar::handle:horizontal { |
| background: white; |
| min-width: 20px; |
| } |
| //! [133] |
| |
| |
| //! [134] |
| QScrollBar::add-line:horizontal { |
| border: 2px solid grey; |
| background: #32CC99; |
| width: 20px; |
| subcontrol-position: right; |
| subcontrol-origin: margin; |
| } |
| |
| QScrollBar::sub-line:horizontal { |
| border: 2px solid grey; |
| background: #32CC99; |
| width: 20px; |
| subcontrol-position: left; |
| subcontrol-origin: margin; |
| } |
| //! [134] |
| |
| |
| //! [135] |
| QScrollBar:left-arrow:horizontal, QScrollBar::right-arrow:horizontal { |
| border: 2px solid grey; |
| width: 3px; |
| height: 3px; |
| background: white; |
| } |
| |
| QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { |
| background: none; |
| } |
| //! [135] |
| |
| |
| //! [136] |
| QScrollBar:horizontal { |
| border: 2px solid green; |
| background: cyan; |
| height: 15px; |
| margin: 0px 40px 0 0px; |
| } |
| |
| QScrollBar::handle:horizontal { |
| background: gray; |
| min-width: 20px; |
| } |
| |
| QScrollBar::add-line:horizontal { |
| background: blue; |
| width: 16px; |
| subcontrol-position: right; |
| subcontrol-origin: margin; |
| border: 2px solid black; |
| } |
| |
| QScrollBar::sub-line:horizontal { |
| background: magenta; |
| width: 16px; |
| subcontrol-position: top right; |
| subcontrol-origin: margin; |
| border: 2px solid black; |
| position: absolute; |
| right: 20px; |
| } |
| |
| QScrollBar:left-arrow:horizontal, QScrollBar::right-arrow:horizontal { |
| width: 3px; |
| height: 3px; |
| background: pink; |
| } |
| |
| QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { |
| background: none; |
| } |
| |
| //! [136] |
| |
| |
| //! [137] |
| QScrollBar:vertical { |
| border: 2px solid grey; |
| background: #32CC99; |
| width: 15px; |
| margin: 22px 0 22px 0; |
| } |
| QScrollBar::handle:vertical { |
| background: white; |
| min-height: 20px; |
| } |
| QScrollBar::add-line:vertical { |
| border: 2px solid grey; |
| background: #32CC99; |
| height: 20px; |
| subcontrol-position: bottom; |
| subcontrol-origin: margin; |
| } |
| |
| QScrollBar::sub-line:vertical { |
| border: 2px solid grey; |
| background: #32CC99; |
| height: 20px; |
| subcontrol-position: top; |
| subcontrol-origin: margin; |
| } |
| QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { |
| border: 2px solid grey; |
| width: 3px; |
| height: 3px; |
| background: white; |
| } |
| |
| QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { |
| background: none; |
| } |
| //! [137] |
| |
| |
| //! [138] |
| QSizeGrip { |
| image: url(:/images/sizegrip.png); |
| width: 16px; |
| height: 16px; |
| } |
| //! [138] |
| |
| |
| //! [139] |
| QSlider::groove:horizontal { |
| border: 1px solid #999999; |
| height: 8px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ |
| background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4); |
| margin: 2px 0; |
| } |
| |
| QSlider::handle:horizontal { |
| background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f); |
| border: 1px solid #5c5c5c; |
| width: 18px; |
| margin: -2px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */ |
| border-radius: 3px; |
| } |
| //! [139] |
| |
| |
| //! [140] |
| QSlider::groove:vertical { |
| background: red; |
| position: absolute; /* absolutely position 4px from the left and right of the widget. setting margins on the widget should work too... */ |
| left: 4px; right: 4px; |
| } |
| |
| QSlider::handle:vertical { |
| height: 10px; |
| background: green; |
| margin: 0 -4px; /* expand outside the groove */ |
| } |
| |
| QSlider::add-page:vertical { |
| background: white; |
| } |
| |
| QSlider::sub-page:vertical { |
| background: pink; |
| } |
| //! [140] |
| |
| |
| //! [141] |
| QSpinBox { |
| padding-right: 15px; /* make room for the arrows */ |
| border-image: url(:/images/frame.png) 4; |
| border-width: 3; |
| } |
| |
| QSpinBox::up-button { |
| subcontrol-origin: border; |
| subcontrol-position: top right; /* position at the top right corner */ |
| |
| width: 16px; /* 16 + 2*1px border-width = 15px padding + 3px parent border */ |
| border-image: url(:/images/spinup.png) 1; |
| border-width: 1px; |
| } |
| |
| QSpinBox::up-button:hover { |
| border-image: url(:/images/spinup_hover.png) 1; |
| } |
| |
| QSpinBox::up-button:pressed { |
| border-image: url(:/images/spinup_pressed.png) 1; |
| } |
| |
| QSpinBox::up-arrow { |
| image: url(:/images/up_arrow.png); |
| width: 7px; |
| height: 7px; |
| } |
| |
| QSpinBox::up-arrow:disabled, QSpinBox::up-arrow:off { /* off state when value is max */ |
| image: url(:/images/up_arrow_disabled.png); |
| } |
| |
| QSpinBox::down-button { |
| subcontrol-origin: border; |
| subcontrol-position: bottom right; /* position at bottom right corner */ |
| |
| width: 16px; |
| border-image: url(:/images/spindown.png) 1; |
| border-width: 1px; |
| border-top-width: 0; |
| } |
| |
| QSpinBox::down-button:hover { |
| border-image: url(:/images/spindown_hover.png) 1; |
| } |
| |
| QSpinBox::down-button:pressed { |
| border-image: url(:/images/spindown_pressed.png) 1; |
| } |
| |
| QSpinBox::down-arrow { |
| image: url(:/images/down_arrow.png); |
| width: 7px; |
| height: 7px; |
| } |
| |
| QSpinBox::down-arrow:disabled, |
| QSpinBox::down-arrow:off { /* off state when value in min */ |
| image: url(:/images/down_arrow_disabled.png); |
| } |
| |
| //! [141] |
| |
| |
| //! [142] |
| QSplitter::handle { |
| image: url(images/splitter.png); |
| } |
| |
| QSplitter::handle:horizontal { |
| width: 2px; |
| } |
| |
| QSplitter::handle:vertical { |
| height: 2px; |
| } |
| |
| QSplitter::handle:pressed { |
| url(images/splitter_pressed.png); |
| } |
| |
| //! [142] |
| |
| |
| //! [143] |
| QStatusBar { |
| background: brown; |
| } |
| |
| QStatusBar::item { |
| border: 1px solid red; |
| border-radius: 3px; |
| } |
| //! [143] |
| |
| |
| //! [144] |
| QStatusBar QLabel { |
| border: 3px solid white; |
| } |
| //! [144] |
| |
| |
| //! [145] |
| QTabWidget::pane { /* The tab widget frame */ |
| border-top: 2px solid #C2C7CB; |
| } |
| |
| QTabWidget::tab-bar { |
| left: 5px; /* move to the right by 5px */ |
| } |
| |
| /* Style the tab using the tab sub-control. Note that |
| it reads QTabBar _not_ QTabWidget */ |
| QTabBar::tab { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, |
| stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3); |
| border: 2px solid #C4C4C3; |
| border-bottom-color: #C2C7CB; /* same as the pane color */ |
| border-top-left-radius: 4px; |
| border-top-right-radius: 4px; |
| min-width: 8ex; |
| padding: 2px; |
| } |
| |
| QTabBar::tab:selected, QTabBar::tab:hover { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #fafafa, stop: 0.4 #f4f4f4, |
| stop: 0.5 #e7e7e7, stop: 1.0 #fafafa); |
| } |
| |
| QTabBar::tab:selected { |
| border-color: #9B9B9B; |
| border-bottom-color: #C2C7CB; /* same as pane color */ |
| } |
| |
| QTabBar::tab:!selected { |
| margin-top: 2px; /* make non-selected tabs look smaller */ |
| } |
| //! [145] |
| |
| |
| //! [146] |
| QTabWidget::pane { /* The tab widget frame */ |
| border-top: 2px solid #C2C7CB; |
| } |
| |
| QTabWidget::tab-bar { |
| left: 5px; /* move to the right by 5px */ |
| } |
| |
| /* Style the tab using the tab sub-control. Note that |
| it reads QTabBar _not_ QTabWidget */ |
| QTabBar::tab { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, |
| stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3); |
| border: 2px solid #C4C4C3; |
| border-bottom-color: #C2C7CB; /* same as the pane color */ |
| border-top-left-radius: 4px; |
| border-top-right-radius: 4px; |
| min-width: 8ex; |
| padding: 2px; |
| } |
| |
| QTabBar::tab:selected, QTabBar::tab:hover { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #fafafa, stop: 0.4 #f4f4f4, |
| stop: 0.5 #e7e7e7, stop: 1.0 #fafafa); |
| } |
| |
| QTabBar::tab:selected { |
| border-color: #9B9B9B; |
| border-bottom-color: #C2C7CB; /* same as pane color */ |
| } |
| |
| QTabBar::tab:!selected { |
| margin-top: 2px; /* make non-selected tabs look smaller */ |
| } |
| |
| /* make use of negative margins for overlapping tabs */ |
| QTabBar::tab:selected { |
| /* expand/overlap to the left and right by 4px */ |
| margin-left: -4px; |
| margin-right: -4px; |
| } |
| |
| QTabBar::tab:first:selected { |
| margin-left: 0; /* the first selected tab has nothing to overlap with on the left */ |
| } |
| |
| QTabBar::tab:last:selected { |
| margin-right: 0; /* the last selected tab has nothing to overlap with on the right */ |
| } |
| |
| QTabBar::tab:only-one { |
| margin: 0; /* if there is only one tab, we don't want overlapping margins */ |
| } |
| //! [146] |
| |
| |
| //! [147] |
| QTabWidget::pane { /* The tab widget frame */ |
| border-top: 2px solid #C2C7CB; |
| 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 { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, |
| stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3); |
| border: 2px solid #C4C4C3; |
| border-bottom-color: #C2C7CB; /* same as the pane color */ |
| border-top-left-radius: 4px; |
| border-top-right-radius: 4px; |
| min-width: 8ex; |
| padding: 2px; |
| } |
| |
| QTabBar::tab:selected, QTabBar::tab:hover { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #fafafa, stop: 0.4 #f4f4f4, |
| stop: 0.5 #e7e7e7, stop: 1.0 #fafafa); |
| } |
| |
| QTabBar::tab:selected { |
| border-color: #9B9B9B; |
| border-bottom-color: #C2C7CB; /* same as pane color */ |
| } |
| //! [147] |
| |
| |
| //! [148] |
| QTabBar::tear { |
| image: url(tear_indicator.png); |
| } |
| |
| QTabBar::scroller { /* the width of the scroll buttons */ |
| width: 20px; |
| } |
| |
| QTabBar QToolButton { /* the scroll buttons are tool buttons */ |
| border-image: url(scrollbutton.png) 2; |
| border-width: 2px; |
| } |
| |
| QTabBar QToolButton::right-arrow { /* the arrow mark in the tool buttons */ |
| image: url(rightarrow.png); |
| } |
| |
| QTabBar QToolButton::left-arrow { |
| image: url(leftarrow.png); |
| } |
| //! [148] |
| |
| |
| //! [149] |
| QTableView { |
| selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0.5, y2: 0.5, |
| stop: 0 #FF92BB, stop: 1 white); |
| } |
| //! [149] |
| |
| |
| //! [150] |
| QTableView QTableCornerButton::section { |
| background: red; |
| border: 2px outset red; |
| } |
| //! [150] |
| |
| |
| //! [151] |
| QToolBar { |
| background: red; |
| spacing: 3px; /* spacing between items in the tool bar */ |
| } |
| |
| QToolBar::handle { |
| image: url(handle.png); |
| } |
| //! [151] |
| |
| |
| //! [152] |
| QToolBox::tab { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, |
| stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3); |
| border-radius: 5px; |
| color: darkgray; |
| } |
| |
| QToolBox::tab:selected { /* italicize selected tabs */ |
| font: italic; |
| color: white; |
| } |
| //! [152] |
| |
| |
| //! [153] |
| QToolButton { /* all types of tool button */ |
| border: 2px solid #8f8f91; |
| border-radius: 6px; |
| background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #f6f7fa, stop: 1 #dadbde); |
| } |
| |
| QToolButton[popupMode="1"] { /* only for MenuButtonPopup */ |
| padding-right: 20px; /* make way for the popup button */ |
| } |
| |
| QToolButton:pressed { |
| background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, |
| stop: 0 #dadbde, stop: 1 #f6f7fa); |
| } |
| |
| /* the subcontrols below are used only in the MenuButtonPopup mode */ |
| QToolButton::menu-button { |
| border: 2px solid gray; |
| border-top-right-radius: 6px; |
| border-bottom-right-radius: 6px; |
| /* 16px width + 4px for border = 20px allocated above */ |
| width: 16px; |
| } |
| |
| QToolButton::menu-arrow { |
| image: url(downarrow.png); |
| } |
| |
| QToolButton::menu-arrow:open { |
| top: 1px; left: 1px; /* shift it a bit */ |
| } |
| //! [153] |
| |
| |
| //! [154] |
| QToolTip { |
| border: 2px solid darkkhaki; |
| padding: 5px; |
| border-radius: 3px; |
| opacity: 200; |
| } |
| //! [154] |
| |
| |
| //! [155] |
| QTreeView { |
| alternate-background-color: yellow; |
| } |
| //! [155] |
| |
| |
| //! [156] |
| QTreeView { |
| show-decoration-selected: 1; |
| } |
| |
| QTreeView::item { |
| border: 1px solid #d9d9d9; |
| border-top-color: transparent; |
| border-bottom-color: transparent; |
| } |
| |
| QTreeView::item:hover { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e7effd, stop: 1 #cbdaf1); |
| border: 1px solid #bfcde4; |
| } |
| |
| QTreeView::item:selected { |
| border: 1px solid #567dbc; |
| } |
| |
| QTreeView::item:selected:active{ |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6ea1f1, stop: 1 #567dbc); |
| } |
| |
| QTreeView::item:selected:!active { |
| background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6b9be8, stop: 1 #577fbf); |
| } |
| //! [156] |
| |
| |
| //! [157] |
| QTreeView::branch { |
| background: palette(base); |
| } |
| |
| QTreeView::branch:has-siblings:!adjoins-item { |
| background: cyan; |
| } |
| |
| QTreeView::branch:has-siblings:adjoins-item { |
| background: red; |
| } |
| |
| QTreeView::branch:!has-children:!has-siblings:adjoins-item { |
| background: blue; |
| } |
| |
| QTreeView::branch:closed:has-children:has-siblings { |
| background: pink; |
| } |
| |
| QTreeView::branch:has-children:!has-siblings:closed { |
| background: gray; |
| } |
| |
| QTreeView::branch:open:has-children:has-siblings { |
| background: magenta; |
| } |
| |
| QTreeView::branch:open:has-children:!has-siblings { |
| background: green; |
| } |
| |
| //! [157] |
| |
| |
| //! [158] |
| QTreeView::branch:has-siblings:!adjoins-item { |
| border-image: url(vline.png) 0; |
| } |
| |
| QTreeView::branch:has-siblings:adjoins-item { |
| border-image: url(branch-more.png) 0; |
| } |
| |
| QTreeView::branch:!has-children:!has-siblings:adjoins-item { |
| border-image: url(branch-end.png) 0; |
| } |
| |
| QTreeView::branch:has-children:!has-siblings:closed, |
| QTreeView::branch:closed:has-children:has-siblings { |
| border-image: none; |
| image: url(branch-closed.png); |
| } |
| |
| QTreeView::branch:open:has-children:!has-siblings, |
| QTreeView::branch:open:has-children:has-siblings { |
| border-image: none; |
| image: url(branch-open.png); |
| } |
| //! [158] |
| |
| //! [159] |
| QTabBar::close-button { |
| image: url(close.png) |
| subcontrol-position: left; |
| } |
| QTabBar::close-button:hover { |
| image: url(close-hover.png) |
| } |
| |
| //! [159] |
| |
| //! [160] |
| * { lineedit-password-mask-delay: 1000 } |
| //! [160] |
| |
| //! [161] |
| QTableView::indicator:unchecked { |
| background-color: #d7d6d5 |
| } |
| //! [161] |
| |
| //! [162] |
| * { widget-animation-duration: 100 } |
| //! [162] |
| |