User:Gernash/Stylesheet: Difference between revisions
From Step Mods | Change The Game
Line 30: | Line 30: | ||
<pre> | <pre> | ||
/* **************************************************** */ | /* **************************************************** */ | ||
/* UI TWEAKS: a theme for Mod Organizer */ | /* UI TWEAKS: a theme for Mod Organizer */ | ||
Line 41: | Line 39: | ||
/* http://wiki.step-project.com/User:Gernash/MODWiki */ | /* http://wiki.step-project.com/User:Gernash/MODWiki */ | ||
/* **************************************************** */ | /* **************************************************** */ | ||
/* Ballon on mose hover */ | |||
QToolTip | QToolTip | ||
{ | { | ||
border: 1px solid black; | |||
color: #D9E6EA; | |||
background-color: #001a00; | |||
padding: 1px; | |||
border-radius: 3px; | |||
opacity: 255; | |||
} | } | ||
Line 79: | Line 79: | ||
QTextEdit{ | QTextEdit{ | ||
color: #fff; | color: #fff; | ||
background-color: Black; | |||
border: none; | |||
} | } | ||
QPlainTextEdit | |||
{ | |||
color: #fff; | |||
background-color: Black; | |||
border: none; | |||
} | |||
QTextBrowser { | QTextBrowser { | ||
color: #fff; | color: #fff; | ||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | ||
background-origin: border; | background-origin: border; | ||
border: 1px solid # | border: 1px solid #001a00; | ||
border-width: 2px; | border-width: 2px; | ||
border-color: # | border-color: #00cc00; | ||
border-style: solid; | border-style: solid; | ||
border-radius: 6; | border-radius: 6; | ||
Line 93: | Line 103: | ||
padding-right: 15px; | padding-right: 15px; | ||
} | } | ||
/* column title*/ | |||
QHeaderView::section | |||
{ | { | ||
color: # | color: #00cc00; | ||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | |||
border-width: 2px; | |||
border-color: #00cc00; | |||
border-style: solid; | |||
border: 1px solid #00cc00; | |||
border-radius: 2px; | |||
border-bottom-right-radius: 4px; | |||
border-bottom-left-radius: 4px; | |||
padding: 3px; | |||
padding-left: 15px; | |||
padding-right: 15px; | |||
} | } | ||
QHeaderView::section | |||
QCheckBox:disabled | |||
{ | |||
color: #fff; | |||
} | |||
QMenu::separator | |||
{ | |||
height: 2px; | |||
background-color: #6c00ff; | |||
color: white; | |||
padding-left: 4px; | |||
margin-left: 10px; | |||
margin-right: 5px; | |||
} | |||
QToolButton { | |||
border:2px ridge #000000; | |||
border-radius: 6px; | |||
margin: 3px; | |||
padding-left: 8px; | |||
padding-right: 8px; | |||
padding-top: 0px; | |||
padding-bottom: 2px; | |||
} | |||
QToolButton:hover { | |||
border: 2px ridge #000000; | |||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | |||
border-radius: 6px; | |||
margin: 3px; | |||
padding-left: 8px; | |||
padding-right: 8px; | |||
padding-top: 0px; | |||
padding-bottom: 2px; | |||
} | |||
/* **************************************** */ | /* **************************************** */ | ||
/* Action Buttons */ | /* Action Buttons */ | ||
Line 105: | Line 159: | ||
/* Open list, Rextore Backup, Create Backup, RUN, Shortcut Button */ | /* Open list, Rextore Backup, Create Backup, RUN, Shortcut Button */ | ||
/* Sort, Load order backup, Load Order Restore */ | /* Sort, Load order backup, Load Order Restore */ | ||
QPushButton | QPushButton | ||
{ | { | ||
Line 110: | Line 166: | ||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | ||
border-width: 2px; | border-width: 2px; | ||
border-color: # | border-color: #00cc00; | ||
border-style: solid; | border-style: solid; | ||
border-radius: 6; | border-radius: 6; | ||
Line 116: | Line 172: | ||
padding-left: 15px; | padding-left: 15px; | ||
padding-right: 15px; | padding-right: 15px; | ||
} | |||
QPushButton::menu-indicator { | |||
subcontrol-origin: padding; | |||
subcontrol-position: bottom right; | |||
} | |||
QPushButton:open { | |||
background-color: #fff; | |||
} | } | ||
QPushButton:pressed | QPushButton:pressed | ||
{ | { | ||
background-color: | background-color: #fff; | ||
} | |||
QPushButton:!enabled | |||
{ | |||
border-width: 1px; | |||
border-color: transparent; | |||
} | } | ||
/* | |||
QPushButton:checked | QPushButton:checked | ||
{ | { | ||
border-width: 1px; | border-width: 1px; | ||
border-color: # | border-color: #fff; | ||
} | |||
QPushButton:default { | |||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #344a64, stop: 1.0 #263549); | |||
} | } | ||
*/ | |||
/* **************************************** */ | /* **************************************** */ | ||
/* Launch application Drop down Box */ | /* Launch application Drop down Box */ | ||
Line 136: | Line 207: | ||
QComboBox | QComboBox | ||
{ | { | ||
selection-background-color: # | selection-background-color: #00cc00; | ||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | ||
border: 2px solid # | border: 2px solid #00cc00; | ||
height: 20px; | height: 20px; | ||
border-radius: 5px; | border-radius: 5px; | ||
Line 165: | Line 236: | ||
/* **************************************** */ | /* **************************************** */ | ||
Line 191: | Line 251: | ||
/* **************************************** */ | /* **************************************** */ | ||
/*QTabWidget QAbstractScrollArea, | |||
QDialog QAbstractScrollArea | |||
background-color: # | |||
border-color: | { | ||
color: #00cc00; | |||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | |||
alternate-background-color: black; | |||
border-color:none; | |||
} | } | ||
*/ | |||
QAbstractItemView { | QAbstractItemView { | ||
Line 201: | Line 266: | ||
background-color: #001a00; | background-color: #001a00; | ||
border: 1px solid #323232; | border: 1px solid #323232; | ||
selection-color: # | selection-color: #fff; | ||
selection-background-color: | selection-background-color: black; | ||
alternate-background-color: | alternate-background-color: black; | ||
show-decoration-selected: 1; | show-decoration-selected: 1; | ||
outline: ; | outline: ; | ||
} | } | ||
QTableView{ | |||
color: #00cc00; | |||
background-color: black; | |||
} | } | ||
QTreeView { | |||
color: #00cc00; | |||
background-color: #001a00; | |||
alternate-background-color: black; | |||
} | |||
QTreeView:item:selected { | |||
color: #fff; | |||
background-color: #4b6eaf; | |||
} | |||
QTreeView::branch:has-siblings:!adjoins-item{ | QTreeView::branch:has-siblings:!adjoins-item{ | ||
background:url(ui-tweaks/ui-tweaks-item-line-v.png) center center no-repeat; | background:url(ui-tweaks/ui-tweaks-item-line-v.png) center center no-repeat; | ||
Line 239: | Line 313: | ||
/* FileTree - BugFix for data tabs and Install */ | /* FileTree - BugFix for data tabs and Install */ | ||
/* **************************************** */ | /* **************************************** */ | ||
/* | |||
QTabWidget::pane { | QTabWidget::pane { | ||
background-color: transparent; | background-color: transparent; | ||
Line 259: | Line 333: | ||
color:#00cc00; | color:#00cc00; | ||
background:none;} | background:none;} | ||
*/ | |||
/* **************************************** */ | /* **************************************** */ | ||
/* FileTree - Filter Panel */ | /* FileTree - Filter Panel */ | ||
/* **************************************** */ | /* **************************************** */ | ||
/* | |||
QTreeWidget{ | QTreeWidget{ | ||
background-color:#001a00; | background-color:#001a00; | ||
Line 287: | Line 361: | ||
background-image:url(ui-tweaks/ui-tweaks-item-end-close.png); | background-image:url(ui-tweaks/ui-tweaks-item-end-close.png); | ||
} | } | ||
*/ | |||
/* **************************************** */ | /* **************************************** */ | ||
/* Filter Panel - Hover & Selected */ | /* Filter Panel - Hover & Selected */ | ||
Line 303: | Line 377: | ||
background-color:4b6eaf; | background-color:4b6eaf; | ||
} | } | ||
QAbstractItemView::item:hover { | QAbstractItemView::item:hover { | ||
border-top:1px solid #b9d7fc; | border-top:1px solid #b9d7fc; | ||
Line 313: | Line 386: | ||
/* **************************************** */ | /* **************************************** */ | ||
QHeaderView::section:hover,QTabBar::tab:!selected:hover,QLineEdit:hover,QComboBox:hover,QPushButton:hover,QHeaderView::section:hover | |||
{ | { | ||
border: | border: 1px solid #ff0000; | ||
} | } | ||
Line 340: | Line 413: | ||
QTabWidget::pane:left { | QTabWidget::pane:left { | ||
left: -1px; | left: -1px; | ||
} | |||
QProgressBar | |||
{ | |||
border: 2px solid grey; | |||
border-radius: 5px; | |||
text-align: center; | |||
} | } | ||
QProgressBar::chunk | |||
{ | |||
background-color: #6c00ff; | |||
width: 20px; | |||
} | |||
QTabBar::tab { | QTabBar::tab { | ||
border: 1px solid | color: #00cc00; | ||
border: 1px solid transparent; | |||
border-bottom-style: none; | |||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | |||
padding-left: 20px; | |||
padding-right: 20px; | |||
padding-top: 3px; | |||
padding-bottom: 2px; | |||
margin-right: 0px; | |||
border-top-left-radius: 4px; | |||
border-top-right-radius: 4px; | |||
} | } | ||
QTabBar::tab:top { | QTabBar::tab:top { | ||
Line 364: | Line 457: | ||
QTabBar::tab:selected { | QTabBar::tab:selected { | ||
background-color: # | background-color: #4b6eaf; | ||
} | } | ||
QTabBar::tab:!selected { | QTabBar::tab:!selected { | ||
color: #00cc00; | |||
border-bottom-style: solid; | |||
margin-top: 0px; | |||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | ||
} | |||
QTabBar::tab:disabled | |||
{ | |||
color: #ff0000; | |||
border-bottom-style: solid; | |||
margin-top: 0px; | |||
background-color: #131313; | |||
} | } | ||
QTabBar::tab:top:selected { | QTabBar::tab:top:selected { | ||
Line 408: | Line 511: | ||
} | } | ||
QTreeView::indicator:checked:disabled{ | QTreeView::indicator:checked:disabled{ | ||
background:# | background:#bbbbbb; | ||
} | } | ||
/* | |||
QTreeView::item:selected{ | QTreeView::item:selected{ | ||
color:#fff; | color:#fff; | ||
} | } | ||
*/ | |||
Revision as of 14:12, August 11, 2016
UI Tweaks - Alternative style for Mod Organizer
CORE
UI Tweaks - Alternative style for Mod Organizer - 1.0 - by EGraf
Files to download :
Description : Clean white stylesheet for ModOrganizer. Instructions :
|
From the site Legal Notice This is a very simple work, so I publish it under PUBLIC DOMAIN (AKA you can do whatever you want, I don't care). If you want to incorporate this style in your own work, credit is not needed but is appreciate nevertheless.
So I decided to use it as a base Untill I remove all code and pics.
/* **************************************************** */ /* UI TWEAKS: a theme for Mod Organizer */ /* **************************************************** */ /* Author: Ernesto Graf */ /* Version: 1.0 */ /* Licence: Public Domain */ /* Modified By Gernash for */ /* http://wiki.step-project.com/User:Gernash/MODWiki */ /* **************************************************** */ /* Ballon on mose hover */ QToolTip { border: 1px solid black; color: #D9E6EA; background-color: #001a00; padding: 1px; border-radius: 3px; opacity: 255; } /* Frame Background */ QWidget{ color: #00cc00; background-color: #444422; } /* Frame Background - Alerts & MO2 UpDater */ QWidget:disabled{ color: transparent; background-color: transparent; } /* QlineEdit - Basically any single line type-in/edit box */ QLineEdit { color: #fff; background-color: Black; border: transparent; } /* QTextEdit - Basically any multiline line type-in box */ QTextEdit{ color: #fff; background-color: Black; border: none; } QPlainTextEdit { color: #fff; background-color: Black; border: none; } QTextBrowser { color: #fff; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); background-origin: border; border: 1px solid #001a00; border-width: 2px; border-color: #00cc00; border-style: solid; border-radius: 6; padding: 3px; padding-left: 15px; padding-right: 15px; } /* column title*/ QHeaderView::section { color: #00cc00; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); border-width: 2px; border-color: #00cc00; border-style: solid; border: 1px solid #00cc00; border-radius: 2px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 3px; padding-left: 15px; padding-right: 15px; } QHeaderView::section QCheckBox:disabled { color: #fff; } QMenu::separator { height: 2px; background-color: #6c00ff; color: white; padding-left: 4px; margin-left: 10px; margin-right: 5px; } QToolButton { border:2px ridge #000000; border-radius: 6px; margin: 3px; padding-left: 8px; padding-right: 8px; padding-top: 0px; padding-bottom: 2px; } QToolButton:hover { border: 2px ridge #000000; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); border-radius: 6px; margin: 3px; padding-left: 8px; padding-right: 8px; padding-top: 0px; padding-bottom: 2px; } /* **************************************** */ /* Action Buttons */ /* **************************************** */ /* Open list, Rextore Backup, Create Backup, RUN, Shortcut Button */ /* Sort, Load order backup, Load Order Restore */ QPushButton { color: #00cc00; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); border-width: 2px; border-color: #00cc00; border-style: solid; border-radius: 6; padding: 3px; padding-left: 15px; padding-right: 15px; } QPushButton::menu-indicator { subcontrol-origin: padding; subcontrol-position: bottom right; } QPushButton:open { background-color: #fff; } QPushButton:pressed { background-color: #fff; } QPushButton:!enabled { border-width: 1px; border-color: transparent; } /* QPushButton:checked { border-width: 1px; border-color: #fff; } QPushButton:default { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #344a64, stop: 1.0 #263549); } */ /* **************************************** */ /* Launch application Drop down Box */ /* **************************************** */ QComboBox { selection-background-color: #00cc00; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); border: 2px solid #00cc00; height: 20px; border-radius: 5px; } 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; } QComboBox::down-arrow { image: url(:/stylesheet/combobox-down.png); } /* **************************************** */ /* Headings - Column Boxes at top of Forms */ /* **************************************** */ /* **************************************** */ /* Inner Border of boxes */ /* **************************************** */ QAbstractScrollArea{ border:2px transparent; } /* **************************************** */ /* QDialog Yes No Buttons */ /* **************************************** */ /*QTabWidget QAbstractScrollArea, QDialog QAbstractScrollArea { color: #00cc00; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); alternate-background-color: black; border-color:none; } */ QAbstractItemView { color: #00cc00; background-color: #001a00; border: 1px solid #323232; selection-color: #fff; selection-background-color: black; alternate-background-color: black; show-decoration-selected: 1; outline: ; } QTableView{ color: #00cc00; background-color: black; } QTreeView { color: #00cc00; background-color: #001a00; alternate-background-color: black; } QTreeView:item:selected { color: #fff; background-color: #4b6eaf; } QTreeView::branch:has-siblings:!adjoins-item{ background:url(ui-tweaks/ui-tweaks-item-line-v.png) center center no-repeat; } QTreeView::branch:has-siblings{ background:url(ui-tweaks/ui-tweaks-itemB-line.png) center center no-repeat; } QTreeView::branch:!has-children:!has-siblings:adjoins-item { background:url(ui-tweaks/ui-tweaks-itemB-end.png) center center no-repeat; } QTreeView::branch:closed:has-children:has-siblings { background:url(ui-tweaks/ui-tweaks-itemB-close.png) center center no-repeat; } QTreeView::branch:closed:has-children:!has-siblings{ background:url(ui-tweaks/ui-tweaks-itemB-close-last.png) center center no-repeat; } QTreeView::branch:open:has-children:has-siblings { background:url(ui-tweaks/ui-tweaks-itemB-open.png) center center no-repeat; } QTreeView::branch:open:has-children:!has-siblings{ background:url(ui-tweaks/ui-tweaks-itemB-open-last.png) center center no-repeat; } /* **************************************** */ /* FileTree - BugFix for data tabs and Install */ /* **************************************** */ /* QTabWidget::pane { background-color: transparent; border: 1px solid #003300; } QTabWidget QTreeWidget::item, QTabWidget QTreeWidget::item:has-children, QTabWidget QTreeWidget::item:has-children:open, QTabWidget QTreeWidget::item:!has-siblings, QTabWidget QTreeWidget::item:has-children:closed:!has-siblings, QDialog QTreeWidget::item, QDialog QTreeWidget::item:has-children, QDialog QTreeWidget::item:has-children:open, QDialog QTreeWidget::item:!has-siblings, QDialog QTreeWidget::item:has-children:closed:!has-siblings{ padding:0; margin:0; color:#00cc00; background:none;} */ /* **************************************** */ /* FileTree - Filter Panel */ /* **************************************** */ /* QTreeWidget{ background-color:#001a00; min-width:225px; } QTreeWidget::item{ padding:0 0 0 10px; margin:0 0 0 10px; background:url(ui-tweaks/ui-tweaks-item-line.png) center left repeat-y; } QTreeWidget::item:has-children{ padding-left:20px; background-image:url(ui-tweaks/ui-tweaks-item-close.png); } QTreeWidget::item:has-children:open{ background-image:url(ui-tweaks/ui-tweaks-item-open.png); } QTreeWidget::item:!has-siblings{ background-image:url(ui-tweaks/ui-tweaks-item-end.png); } QTreeWidget::item:has-children:closed:!has-siblings{ background-image:url(ui-tweaks/ui-tweaks-item-end-close.png); } */ /* **************************************** */ /* Filter Panel - Hover & Selected */ /* **************************************** */ QTreeWidget::item:selected { border-top:1px solid #4b6eaf; border-bottom:1px solid #4b6eaf; background-color:#4b6eaf; } QTreeWidget::item:hover{ border-top:1px solid #b9d7fc; border-bottom:1px solid #b9d7fc; background-color:4b6eaf; } QAbstractItemView::item:hover { border-top:1px solid #b9d7fc; border-bottom:1px solid #b9d7fc; background-color:4b6eaf; } /* **************************************** */ /* Hover Over Mouse Border color change */ /* **************************************** */ QHeaderView::section:hover,QTabBar::tab:!selected:hover,QLineEdit:hover,QComboBox:hover,QPushButton:hover,QHeaderView::section:hover { border: 1px solid #ff0000; } /* * TabWidget and TabBar */ /* pane around box 3 */ QTabWidget::pane { background-color: transparent; border: 1px solid transparent; } QTabWidget::pane:top { top: -1px; } QTabWidget::pane:right { right: -1px; } QTabWidget::pane:bottom { bottom: -1px; } QTabWidget::pane:left { left: -1px; } QProgressBar { border: 2px solid grey; border-radius: 5px; text-align: center; } QProgressBar::chunk { background-color: #6c00ff; width: 20px; } QTabBar::tab { color: #00cc00; border: 1px solid transparent; border-bottom-style: none; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); padding-left: 20px; padding-right: 20px; padding-top: 3px; padding-bottom: 2px; margin-right: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; } QTabBar::tab:top { border-top-left-radius: 4px; border-top-right-radius: 4px; } QTabBar::tab:right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } QTabBar::tab:bottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } QTabBar::tab:left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } QTabBar::tab:selected { background-color: #4b6eaf; } QTabBar::tab:!selected { color: #00cc00; border-bottom-style: solid; margin-top: 0px; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); } QTabBar::tab:disabled { color: #ff0000; border-bottom-style: solid; margin-top: 0px; background-color: #131313; } QTabBar::tab:top:selected { border-bottom-color: #41516d; } QTabBar::tab:right:selected { border-left-color: #41516d; } QTabBar::tab:bottom:selected { border-top-color: #41516d; } QTabBar::tab:left:selected { border-right-color: #41516d; } QTabBar::tab:top:!selected { margin-top: 2px; } QTabBar::tab:right:!selected { margin-right: 2px; } QTabBar::tab:bottom:!selected { margin-bottom: 2px; } QTabBar::tab:left:!selected { margin-left: 2px; } /* **************************************** */ /* Checkboxes */ /* **************************************** */ QTreeView::indicator:unchecked { background:#cc181e; border:6px double #001a00; } QTreeView::indicator:checked { background:#66ff1a; border:4px double #fff; } QTreeView::indicator:checked:disabled{ background:#bbbbbb; } /* QTreeView::item:selected{ color:#fff; } */ /* **************************************** */ /* Scroll bar */ /* **************************************** */ QScrollBar { height: 20px; width: 20px; background-color: #001a00; } QScrollBar::handle { border: 1px solid #aaa; border-radius: 4px; } QScrollBar::handle:vertical { margin: 1px 4px; min-height: 20px; min-width: 10px; background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop:0 #33ff33, stop:1 #000000); } QScrollBar::handle:vertical:hover { background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop:0 #000000, stop:1 #33ff33); } QScrollBar::handle:horizontal { min-height: 10px; min-width: 20px; margin: 4px 1px; background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 #33ff33, stop:1 #000000); } QScrollBar::handle:horizontal:hover { background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 #000000, stop:1 #33ff33); } QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical, QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { background-color: transparent; } QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical, QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { height:0; width:0; } /* **************************************** */ /* Handles Web, Nexus info tab */ /* **************************************** */ QWebView{ background-color: Black; }