User:Gernash/Stylesheet: Difference between revisions
From Step Mods | Change The Game
Line 31: | Line 31: | ||
<pre> | <pre> | ||
/* **************************************************** */ | /* **************************************************** */ | ||
/* | /* Pip-Boy Color Theme for Mod Organizer 2 */ | ||
/* **************************************************** */ | /* **************************************************** */ | ||
/* Author: | /* Author: Gernash */ | ||
/* Version: 1. | /* Version: 1.0b */ | ||
/* Licence: Public Domain */ | /* Licence: Public Domain */ | ||
/* | /* For use with the ModOrganizer 2 Guide */ | ||
/* http://wiki.step-project.com/User:Gernash/MODWiki */ | /* http://wiki.step-project.com/User:Gernash/MODWiki */ | ||
/* **************************************************** */ | /* **************************************************** */ | ||
/* | /* Backfround-color (default 4B5320) Army Green */ | ||
/* Text Color (e5eac8) light green */ | |||
/* 444422 Dark Green */ | |||
/* 00cc00 Bright green */ | |||
/* ********************* */ | |||
/* Main Frame Background */ | |||
/* ********************* */ | |||
QWidget{ | QWidget{ | ||
color: #00cc00; | |||
background-color: #444422; | |||
} | |||
/* **************************** */ | |||
/* Alternate Frame Background */ | |||
/* For setting and shortcut box */ | |||
/* **************************** */ | |||
QWidget:disabled{ | |||
color: #00cc00; | |||
background-color: #001a00; | |||
} | } | ||
/* | /* **************************************** */ | ||
/* Background of Main Boxes */ | |||
/* Profile drop box */ | |||
/* Other Boxes in mod pop page */ | |||
/* Alalibale options for QAbstractItemView */ | |||
/* | |||
QAbstractItemView { | |||
color: #00cc00; | |||
background-color: #001a00; | |||
border: 1px solid #323232; | |||
selection-color: #e5eac8; | |||
selection-background-color: black; | |||
alternate-background-color: black; | |||
show-decoration-selected: 1; http://doc.qt.io/qt-5/qstyle.html#StyleHint-enum | |||
outline: ; | |||
} | |||
******************************************** */ | |||
QAbstractItemView{ | |||
color: | color: #00cc00; | ||
background-color: | background-color: #001a00; | ||
border: 1px solid #00cc00; | |||
selection-color: #e5eac8; | |||
selection-background-color: black; | |||
alternate-background-color: black; | |||
outline:none; | |||
} | } | ||
/* QlineEdit - Basically any single line type-in/edit box | /* ************************************************************ */ | ||
/* QlineEdit - Basically any single line type-in/edit box */ | |||
/* ************************************************************ */ | |||
QLineEdit { | QLineEdit { | ||
color: # | color: #e5eac8; | ||
background-color: | background-color: #001a00; | ||
border: transparent; | border: transparent; | ||
} | } | ||
/* QTextEdit - Basically any multiline line type-in box */ | /* QTextEdit - Basically any multiline line type-in box */ | ||
QTextEdit{ | QTextEdit{ | ||
color: # | color: #e5eac8; | ||
background-color: | background-color: #001a00; | ||
} | } | ||
/* **************************************** */ | |||
{ | /* Filter Panel - Hover & Selected */ | ||
color: # | /* **************************************** */ | ||
background-color: | |||
border: | 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 to red */ | |||
/* ******************************************** */ | |||
QHeaderView::section:hover,QTabBar::tab:!selected:hover,QLineEdit:hover,QComboBox:hover,QPushButton:hover,QHeaderView::section:hover{ | |||
border: 1px solid #ff0000; | |||
/* | |||
QHeaderView::section | |||
} | } | ||
/* ******************************************** */ | |||
/* Main Navigation Button Bar at top of window */ | |||
/* ******************************************** */ | |||
QToolButton { | QToolButton { | ||
border:2px ridge #000000; | border:2px ridge #000000; | ||
Line 153: | Line 163: | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
} | } | ||
/* | |||
QToolBar{ | |||
background-color: #001a00; | |||
} | |||
*/ | |||
/* **************************************** */ | /* **************************************** */ | ||
/* Action Buttons */ | /* Action Buttons */ | ||
Line 161: | Line 177: | ||
QPushButton | QPushButton{ | ||
{ | |||
color: #00cc00; | 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); | ||
Line 179: | Line 194: | ||
} | } | ||
QPushButton:open { | QPushButton:open { | ||
background-color: # | background-color: #e5eac8; | ||
} | } | ||
QPushButton:pressed | QPushButton:pressed{ | ||
{ | background-color: #e5eac8; | ||
background-color: # | |||
} | } | ||
QPushButton:!enabled | QPushButton:!enabled{ | ||
{ | |||
border-width: 1px; | border-width: 1px; | ||
border-color: transparent; | border-color: transparent; | ||
} | } | ||
QPushButton:checked | QPushButton:checked{ | ||
{ | |||
border-width: 1px; | border-width: 1px; | ||
border-color: # | border-color: #e5eac8; | ||
} | } | ||
/* **************************************** */ | /* **************************************** */ | ||
/* Launch application Drop down Box */ | /* Launch application Drop down Box */ | ||
Line 230: | Line 239: | ||
image: url(:/stylesheet/combobox-down.png); | image: url(:/stylesheet/combobox-down.png); | ||
} | } | ||
/* **************************************** */ | /* **************************************** */ | ||
/* | /* TabWidget and TabBar */ | ||
/* pane around box 3 */ | |||
/* **************************************** */ | /* **************************************** */ | ||
QTabWidget::pane { | QTabWidget::pane { | ||
Line 497: | Line 345: | ||
} | } | ||
/* **************************************** */ | |||
/* Top of Tables */ | |||
/* **************************************** */ | |||
QHeaderView::section{ | |||
color: #00cc00; | |||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | |||
border-width: 1px; | |||
border-color: #00cc00; | |||
border-style: solid; | |||
border: 0px solid #00cc00; | |||
border-radius: 2px; | |||
border-bottom-right-radius: 4px; | |||
border-bottom-left-radius: 4px; | |||
padding: 3px; | |||
padding-left: 15px; | |||
padding-right: 15px; | |||
} | |||
/* **************************************** */ | /* **************************************** */ | ||
Line 517: | Line 383: | ||
color:#fff; | color:#fff; | ||
} | } | ||
*/ | |||
/* ******************************************************** */ | |||
/* Main Tree View Inherated from QAbstractItemView */ | |||
/* ******************************************************** */ | |||
QTreeView { | |||
} | |||
QTreeView:item:selected { | |||
color: #e5eac8; | |||
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; | |||
} | |||
Line 559: | Line 456: | ||
height:0; | height:0; | ||
width:0; | width:0; | ||
} | |||
/* **************************************** */ | |||
/* Ballon on mose hover */ | |||
/* **************************************** */ | |||
QToolTip | |||
{ | |||
border: 1px solid black; | |||
color: #e5eac8; | |||
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); | |||
padding: 1px; | |||
border-radius: 3px; | |||
opacity: 255; | |||
} | } | ||
Revision as of 18:01, 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.
/* **************************************************** */ /* Pip-Boy Color Theme for Mod Organizer 2 */ /* **************************************************** */ /* Author: Gernash */ /* Version: 1.0b */ /* Licence: Public Domain */ /* For use with the ModOrganizer 2 Guide */ /* http://wiki.step-project.com/User:Gernash/MODWiki */ /* **************************************************** */ /* Backfround-color (default 4B5320) Army Green */ /* Text Color (e5eac8) light green */ /* 444422 Dark Green */ /* 00cc00 Bright green */ /* ********************* */ /* Main Frame Background */ /* ********************* */ QWidget{ color: #00cc00; background-color: #444422; } /* **************************** */ /* Alternate Frame Background */ /* For setting and shortcut box */ /* **************************** */ QWidget:disabled{ color: #00cc00; background-color: #001a00; } /* **************************************** */ /* Background of Main Boxes */ /* Profile drop box */ /* Other Boxes in mod pop page */ /* Alalibale options for QAbstractItemView */ /* QAbstractItemView { color: #00cc00; background-color: #001a00; border: 1px solid #323232; selection-color: #e5eac8; selection-background-color: black; alternate-background-color: black; show-decoration-selected: 1; http://doc.qt.io/qt-5/qstyle.html#StyleHint-enum outline: ; } ******************************************** */ QAbstractItemView{ color: #00cc00; background-color: #001a00; border: 1px solid #00cc00; selection-color: #e5eac8; selection-background-color: black; alternate-background-color: black; outline:none; } /* ************************************************************ */ /* QlineEdit - Basically any single line type-in/edit box */ /* ************************************************************ */ QLineEdit { color: #e5eac8; background-color: #001a00; border: transparent; } /* QTextEdit - Basically any multiline line type-in box */ QTextEdit{ color: #e5eac8; background-color: #001a00; } /* **************************************** */ /* 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 to red */ /* ******************************************** */ QHeaderView::section:hover,QTabBar::tab:!selected:hover,QLineEdit:hover,QComboBox:hover,QPushButton:hover,QHeaderView::section:hover{ border: 1px solid #ff0000; } /* ******************************************** */ /* Main Navigation Button Bar at top of window */ /* ******************************************** */ 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; } /* QToolBar{ background-color: #001a00; } */ /* **************************************** */ /* 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: #e5eac8; } QPushButton:pressed{ background-color: #e5eac8; } QPushButton:!enabled{ border-width: 1px; border-color: transparent; } QPushButton:checked{ border-width: 1px; border-color: #e5eac8; } /* **************************************** */ /* 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); } /* **************************************** */ /* 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; } /* **************************************** */ /* Top of Tables */ /* **************************************** */ QHeaderView::section{ color: #00cc00; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); border-width: 1px; border-color: #00cc00; border-style: solid; border: 0px solid #00cc00; border-radius: 2px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 3px; padding-left: 15px; padding-right: 15px; } /* **************************************** */ /* 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; } /* ******************************************************** */ /* Main Tree View Inherated from QAbstractItemView */ /* ******************************************************** */ QTreeView { } QTreeView:item:selected { color: #e5eac8; 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; } /* **************************************** */ /* 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; } /* **************************************** */ /* Ballon on mose hover */ /* **************************************** */ QToolTip { border: 1px solid black; color: #e5eac8; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53); padding: 1px; border-radius: 3px; opacity: 255; } /* **************************************** */ /* Handles Web, Nexus info tab */ /* **************************************** */ QWebView{ background-color: Black; }