From 61606575779fef80b4a6ff1e475ab57d1b95607f Mon Sep 17 00:00:00 2001 From: scorpio810 Date: Mon, 8 Apr 2019 09:53:38 +0000 Subject: [PATCH] Change style.css git-svn-id: svn+ssh://svn.tuxfamily.org/svnroot/qet/qet/trunk@5829 bfdf4180-ca20-0410-9c96-a3a8aa849046 --- examples/styles/style.css | 744 +++++++++++++++++++++++++++++++++++++- 1 file changed, 733 insertions(+), 11 deletions(-) diff --git a/examples/styles/style.css b/examples/styles/style.css index e2de58927..765635559 100644 --- a/examples/styles/style.css +++ b/examples/styles/style.css @@ -1,21 +1,743 @@ -QTabBar::tab:!selected -{background-color: transparent; +QProgressBar:horizontal { + border: 1px solid #3A3939; + text-align: center; + padding: 1px; + background: #201F1F; } -QMainWindow -{background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(43, 75, 116), stop:1 rgb(197, 245, 254)); +QProgressBar::chunk:horizontal { + background-color: qlineargradient(spread:reflect, x1:1, y1:0.545, x2:1, y2:0, stop:0 rgba(28, 66, 111, 255), stop:1 rgba(37, 87, 146, 255)); } -QListView -{background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(43, 75, 116), stop:1 rgb(130, 160, 210)); + +QToolTip +{ + border: 1px solid #3A3939; + background-color: rgb(90, 102, 117);; + color: white; + padding: 1px; + opacity: 200; } + +QWidget +{ + color: silver; + background-color: #302F2F; + selection-background-color:#78879b; + selection-color: black; + background-clip: border; + border-image: none; + outline: 0; +} + +QWidget:item:hover +{ + background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, + stop: 0 #78879b, stop: 1 #78879b); + color: black; +} + +QWidget:item:selected +{ + background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, + stop: 0 #78879b, stop: 1 #78879b); +} + +QMenuBar +{ + background-color: #302F2F; + color: silver; +} + +QMenuBar::item +{ + background: transparent; +} + +QMenuBar::item:selected +{ + background: transparent; + border: 1px solid #3A3939; +} + +QMenuBar::item:pressed +{ + border: 1px solid #3A3939; + background-color: #78879b; + color: black; + margin-bottom:-1px; + padding-bottom:1px; +} + +QMenu +{ + border: 1px solid #3A3939; + color: silver; + margin: 2px; +} + +QMenu::icon +{ + margin: 5px; +} + +QMenu::item +{ + padding: 5px 30px 5px 30px; + margin-left: 5px; + border: 1px solid transparent; /* reserve space for selection border */ +} + +QMenu::item:selected +{ + color: black; +} + +QWidget:disabled +{ + color: #404040; + background-color: #302F2F; +} + +QAbstractItemView +{ + alternate-background-color: #3A3939; + color: silver; + border: 1px solid 3A3939; + border-radius: 3px; + padding: 1px; +} + +QWidget:focus, QMenuBar:focus +{ + border: 1px solid rgba(48, 86, 111); +} + +QTabWidget:focus, QCheckBox:focus, QRadioButton:focus +{ + border: none; +} + +QLineEdit +{ + background-color: #201F1F; + padding: 2px; + border-style: solid; + border: 1px solid #3A3939; + border-radius: 3px; + color: silver; +} + +QGroupBox { + border:1px solid #3A3939; + border-radius: 7px; + margin-top: 2ex; +} + +QGroupBox::title { + subcontrol-origin: margin; + subcontrol-position: top center; + padding-left: 10px; + padding-right: 10px; +} + +QAbstractScrollArea +{ + border-radius: 3px; + border: 1px solid #3A3939; +} + +QScrollBar:horizontal +{ + height: 15px; + margin: 0px 11px 0px 11px; + border: 1px solid #3A3939; + border-radius: 6px; + background-color: QLinearGradient( x1: 0, y1: 1, x2: 0, y2: 0, + stop: 0 #302F2F, stop: 1 #484846); +} + +QScrollBar::handle:horizontal +{ + background-color: QLinearGradient( x1: 0, y1: 1, x2: 0, y2: 0, + stop: 0 #605F5F, stop: 1 #787876); + min-width: 5px; + border-radius: 5px; +} + + +QScrollBar::up-arrow:horizontal, QScrollBar::down-arrow:horizontal +{ + background: none; +} + + +QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal +{ + background: none; +} + +QScrollBar:vertical +{ + background-color: QLinearGradient( x1: 1, y1: 0, x2: 0, y2: 0, + stop: 0 #302F2F, stop: 1 #484846); + width: 15px; + margin: 11px 0 11px 0; + border: 1px solid #3A3939; + border-radius: 6px; +} + +QScrollBar::handle:vertical +{ + background-color: QLinearGradient( x1: 1, y1: 0, x2: 0, y2: 0, + stop: 0 #605F5F, stop: 1 #787876); + min-height: 5px; + border-radius: 5px; +} + + +QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical +{ + background: none; +} + + +QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical +{ + background: none; +} + +QTextEdit +{ + background-color: #201F1F; + color: silver; + border: 1px solid #3A3939; +} + +QPlainTextEdit +{ + background-color: #201F1F;; + color: silver; + border-radius: 3px; + border: 1px solid #3A3939; +} + +QHeaderView::section +{ + background-color: #3A3939; + color: silver; + padding-left: 4px; + border: 1px solid #6c6c6c; +} + +QCheckBox:disabled +{ + color: #404040; +} + + +QMainWindow::separator +{ + background-color: #302F2F; + color: white; + padding-left: 4px; + spacing: 2px; + border: 1px dashed #3A3939; +} + +QMainWindow::separator:hover +{ + + background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1, stop:0 #58677b, + stop:0.5 #78879b stop:1 #58677b); + color: white; + padding-left: 4px; + border: 1px solid #3A3939; + spacing: 2px; +} + + +QMenu::separator +{ + height: 1px; + background-color: #3A3939; + color: white; + padding-left: 4px; + margin-left: 10px; + margin-right: 5px; +} + + + +QFrame +{ + border-radius: 3px; +} + +QStackedWidget +{ + border: none; +} + +QToolBar { + border: 1px solid #393838; + background: 1px solid #302F2F; + font-weight: bold; +} + + +QComboBox +{ + selection-background-color: #78879b; + background-color: #201F1F; + border-style: solid; + border: 1px solid #3A3939; + border-radius: 3px; + padding: 2px; +} + +QComboBox:hover,QPushButton:hover,QAbstractSpinBox:hover,QLineEdit:hover,QTextEdit:hover,QPlainTextEdit:hover,QAbstractView:hover,QTreeView:hover +{ + border: 1px solid #78879b; + color: silver; +} + +QComboBox:on +{ + background-color: #626873; + padding-top: 3px; + padding-left: 4px; + selection-background-color: #4a4a4a; +} + +QComboBox QAbstractItemView +{ + background-color: #201F1F; + border-radius: 3px; + border: 1px solid #3A3939; + selection-background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, + stop: 0 #78879b, stop: 1 #78879b); +} + +QComboBox::drop-down +{ + subcontrol-origin: padding; + subcontrol-position: top right; + width: 15px; + + border-left-width: 0px; + border-left-color: darkgray; + border-left-style: solid; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + + +QPushButton:pressed +{ + background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, + stop: 0 #302F2F, stop: 1 #484846); +} + +QAbstractSpinBox { + padding-top: 2px; + padding-bottom: 2px; + border: 1px solid #3A3939; + background-color: #201F1F; + color: silver; + border-radius: 3px; +} + +QAbstractSpinBox:up-button +{ + background-color: transparent; + subcontrol-origin: border; + subcontrol-position: center right; +} + +QAbstractSpinBox:down-button +{ + background-color: transparent; + subcontrol-origin: border; + subcontrol-position: center left; +} + + +QLabel +{ + border: 0px solid black; +} + + +QTabWidget::pane { + border: 1px solid #3A3939; +} + +QTabBar +{ + qproperty-drawBase: 0; + padding-right: 15px; +} + +QTabBar:focus +{ + border: 0px transparent black; +} + + +QTabBar::close-button:hover +{ + background: rgba(255, 255, 255, 20); + border-radius: 3px; +} + +QTabBar::close-button:pressed { + padding: 5px 4px 4px 5px; +} + +/* TOP - BOTTOM TABS */ +QTabBar::tab:top { + color: #b1b1b1; + border: 1px solid #3A3939; + background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1, + stop:1 #302F2F, stop:0 #5A5959); + padding-left: 5px; + padding-right: 5px; + padding-top: 3px; + padding-bottom: 2px; + margin-right: -1px; + + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} + +QTabBar::tab:bottom { + color: #b1b1b1; + border: 1px solid #3A3939; + background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1, + stop:1 #302F2F, stop:0 #5A5959); + padding-left: 5px; + padding-right: 5px; + padding-top: 3px; + padding-bottom: 2px; + margin-right: -1px; + + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +QTabBar::tab:top:last, QTabBar::tab:bottom:last +{ + margin-right: 0; +} + +QTabBar::tab:top:first:!selected, QTabBar::tab:bottom:first:!selected +{ + margin-left: 0px; +} + +QTabBar::tab:top:!selected +{ + color: #b1b1b1; + margin-top: 3px; + background-color: #302F2F; +} + +QTabBar::tab:top:selected +{ + margin-bottom: 0px; +} + +QTabBar::tab:bottom:!selected +{ + color: #b1b1b1; + margin-bottom: 3px; + background-color: #302F2F; +} + +QTabBar::tab:bottom:selected +{ + margin-top: 0px; +} + +/* LEFT - RIGHT TABS */ +QTabBar::tab:left { + color: #b1b1b1; + border: 1px solid #3A3939; + background-color: QLinearGradient(x1:1, y1:0, x2:0, y2:0, + stop:1 #302F2F, stop:0 #5A5959); + padding-left: 3px; + padding-right: 2px; + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: -1px; + + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +QTabBar::tab:right { + color: #b1b1b1; + border: 1px solid #3A3939; + background-color: QLinearGradient(x1:0, y1:0, x2:1, y2:0, + stop:1 #302F2F, stop:0 #5A5959); + padding-left: 3px; + padding-right: 2px; + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: -1px; + + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +QTabBar::tab:left:!selected +{ + color: #b1b1b1; + margin-right: 3px; + background-color: #302F2F; +} + +QTabBar::tab:left:selected +{ + margin-left: 0px; +} + +QTabBar::tab:right:!selected +{ + color: #b1b1b1; + margin-left: 3px; + background-color: #302F2F; +} + +QTabBar::tab:right:selected +{ + margin-right: 0px; +} + + + + + + +QDockWidget::close-button, QDockWidget::float-button { + border: 1px solid transparent; + border-radius: 3px; + background: transparent; + icon-size: 10px; +} + +QDockWidget::close-button:hover, QDockWidget::float-button:hover { + background: rgba(255, 255, 255, 10); +} + +QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { + padding: 1px -1px -1px 1px; + background: rgba(255, 255, 255, 10); +} + +QTreeView, QListView +{ + border: 1px solid #78879b; + background-color: #201F1F; +} + +Q + +QListView::item:!selected:hover, QListView::item:!selected:hover, QTreeView::item:!selected:hover { + background: rgba(0, 0, 0, 0); + outline: 0; + color: #FFFFFF +} + +QListView::item:selected:hover, QListView::item:selected:hover, QTreeView::item:selected:hover { + background: #78879b;; + color: #FFFFFF; +} + +QSlider::groove:horizontal { + border: 1px solid #3A3939; + height: 8px; + background: #201F1F; + margin: 2px 0; + border-radius: 4px; +} + +QSlider::handle:horizontal { + background: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, + stop: 0.0 silver, stop: 0.2 #a8a8a8, stop: 1 #727272); + border: 1px solid #3A3939; + width: 14px; + height: 14px; + margin: -4px 0; + border-radius: 7px; +} + +QSlider::groove:vertical { + border: 1px solid #3A3939; + width: 8px; + background: #201F1F; + margin: 0 0px; + border-radius: 4px; +} + +QSlider::handle:vertical { + background: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0.0 silver, + stop: 0.2 #a8a8a8, stop: 1 #727272); + border: 1px solid #3A3939; + width: 14px; + height: 14px; + margin: 0 -4px; + border-radius: 7px; +} + +QToolButton { + background-color: transparent; + border: 1px solid #3A3939; + border-radius: 3px; + margin: 3px; +} + +QToolButton:pressed, QToolButton::menu-button:pressed { + background-color: #4A4949; + border: 1px solid silver; +} + +QToolButton:hover, QToolButton::menu-button:hover { + background-color: #4A4949; + border: 1px solid gray; +} + +QToolButton[popupMode="1"] { /* only for MenuButtonPopup */ + padding-right: 20px; /* make way for the popup button */ +} + +QToolButton[popupMode="2"] { /* only for MenuButtonPopup */ + padding-right: 10px; /* make way for the popup button */ +} + +/* the subcontrols below are used only in the MenuButtonPopup mode */ +QToolButton::menu-button { + border: 1px solid #3A3939; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + /* 16px width + 4px for border = 20px allocated above */ + width: 16px; +} + + +QToolButton::menu-arrow:open { + top: 1px; left: 1px; /* shift it a bit */ +} + +QPushButton::menu-indicator { + subcontrol-origin: padding; + subcontrol-position: bottom right; + left: 8px; +} + +QTableView +{ + border: transparent; + gridline-color: #6c6c6c; + background-color: #201F1F; +} + + +QTableView, QHeaderView +{ + border-radius: 0px; +} + +QTableView::item:pressed, QListView::item:pressed, QTreeView::item:pressed { + background: #78879b; + color: #FFFFFF; +} + +QTableView::item:selected:active, QTreeView::item:selected:active, QListView::item:selected:active { + background: #78879b; + color: #FFFFFF; +} + + +QHeaderView +{ + border: 1px transparent; + margin: 0px; + padding: 0px; +} + +QHeaderView::section { + background-color: #3A3939; + color: silver; + padding: 4px; + border: 1px solid #6c6c6c; + border-radius: 0px; + text-align: center; +} + +QHeaderView::section::vertical::first, QHeaderView::section::vertical::only-one +{ + border-top: 1px solid #6c6c6c; +} + +QHeaderView::section::vertical +{ + border-top: transparent; +} + +QHeaderView::section::horizontal::first, QHeaderView::section::horizontal::only-one +{ + border-left: 1px solid #6c6c6c; +} + +QHeaderView::section::horizontal +{ + border-left: transparent; +} + + +QHeaderView::section:checked + { + color: white; + background-color: #5A5959; + } + + +QTableCornerButton::section { + background-color: #3A3939; + border: 1px solid #3A3939; + border-radius: 0px; +} + +QToolBox::tab { + background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1, + stop:1 #302F2F, stop:0 #5A5959); + padding-left: 3px; + padding-right: 2px; + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: -1px; + + border-top-left-radius: 3px; + border-top-right-radius: 3px; + color: darkgray; + } + + QToolBox::tab:selected { /* italicize selected tabs */ + font: italic bold; + color: white; + } + +QStatusBar::item { + border: 1px solid #3A3939; + border-radius: 3px; + } + QTreeView -{background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 rgb(43, 75, 116), stop:1 rgb(197, 245, 254)); +{background-color: gray; } QTreeView::item {background-color: rgba(100, 100, 100, 00); } QTreeView::item:hover {background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e7effd, stop: 1 #cbdaf1); -} -QAbstractScrollArea#mdiarea -{background-image: url(':/ico/mdiarea_bg.png');background-repeat: no-repeat;background-position: center middle; -} +}