User:Gernash/Stylesheet: Difference between revisions
From Step Mods | Change The Game
No edit summary |
|||
Line 36: | Line 36: | ||
{ | { | ||
border: 1px solid black; | border: 1px solid black; | ||
color: #36ff00; | color: #36ff00; | ||
background-color: #004513; | background-color: #004513; | ||
padding: 1px; | padding: 1px; | ||
Line 55: | Line 55: | ||
{ | { | ||
color: #36ff00; | color: #36ff00; | ||
background-color: | background-color: transparent; | ||
} | } | ||
/* **************************************** */ | /* **************************************** */ | ||
Line 78: | Line 66: | ||
QPushButton | QPushButton | ||
{ | { | ||
color: # | 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-width: 2px; | border-width: 2px; | ||
Line 95: | Line 83: | ||
QPushButton:checked | QPushButton:checked | ||
{ | { | ||
border-width: 1px; | border-width: 1px; | ||
border-color: #3EA0CA; | border-color: #3EA0CA; | ||
Line 208: | Line 197: | ||
/* **************************************** */ | /* **************************************** */ | ||
/* FileTree - BugFix for tabs and Install */ | /* FileTree - BugFix for data tabs and Install */ | ||
/* **************************************** */ | /* **************************************** */ | ||
Line 228: | Line 217: | ||
padding:0; | padding:0; | ||
margin:0; | margin:0; | ||
color:# | color:#00cc00; | ||
background:none;} | background:none;} | ||
QDialog QAbstractScrollArea, | QDialog QAbstractScrollArea, | ||
QTabWidget QAbstractScrollArea{ | QTabWidget QAbstractScrollArea{ | ||
border-color:# | border-color:#003300; | ||
} | } | ||
Line 242: | Line 231: | ||
QTreeWidget{ | QTreeWidget{ | ||
background-color: #001a00; | background-color:#001a00; | ||
min-width:225px; | min-width:225px; | ||
} | } | ||
Line 293: | Line 282: | ||
border-bottom:1px solid #7ca1cd; | border-bottom:1px solid #7ca1cd; | ||
background-color:QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #dbeafb, stop: 1 #c0dafb); | background-color:QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #dbeafb, stop: 1 #c0dafb); | ||
} | |||
/* | |||
* TabWidget and TabBar | |||
*/ | |||
QTabWidget::pane { | |||
background-color: transparent; | |||
border: 1px solid #323232; | |||
} | |||
QTabWidget::pane:top { | |||
top: -1px; | |||
} | |||
QTabWidget::pane:right { | |||
right: -1px; | |||
} | |||
QTabWidget::pane:bottom { | |||
bottom: -1px; | |||
} | |||
QTabWidget::pane:left { | |||
left: -1px; | |||
} | |||
QTabBar::tab { | |||
border: 1px solid #292b2d; | |||
padding: 0.2em 0.8em 0.2em 0.8em; | |||
} | |||
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: #001a00; | |||
} | |||
QTabBar::tab:!selected { | |||
background-color: #003300; | |||
} | |||
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; | |||
} | } | ||
Line 305: | Line 365: | ||
} | } | ||
QTreeView::indicator:checked { | QTreeView::indicator:checked { | ||
background:# | background:#0000ff; | ||
border:4px double #fff; | border:4px double #fff; | ||
} | } | ||
Line 324: | Line 384: | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
background-color: | background-color: #001a00; | ||
} | } | ||
QScrollBar::handle { | QScrollBar::handle { | ||
Line 357: | Line 417: | ||
width:0; | width:0; | ||
} | } | ||
</pre> | </pre> |
Revision as of 17:45, August 10, 2016
UI Tweaks - Alternative style for Mod Organizer
Optional
UI Tweaks - Alternative style for Mod Organizer - 1.0 - by EGraf
Files to download :
Description : Nice White stylesheet for Modorganizer with funky buttons Installation : download the mod and extract the folder and UI-Tweaks.qss into c:\ModOrganizer2\stylesheets |
To install the Wiki Pit-Boy stylesheet you need to make a file called UI-Tweaks Pip-Boy.qss in the c:\ModOrganizer2\stylesheets
Then edit it with a text editor. Copy the following code into it. You will be able to see it in Settings-->Style-->UI-Tweaks Pip-Boy
CODE
/* **************************************************** */ /* 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 */ /* **************************************************** */ QToolTip { border: 1px solid black; color: #36ff00; background-color: #004513; padding: 1px; border-radius: 3px; opacity: 255; } /* outside boarder */ QWidget{ color: #00cc00; background-color: #444422; } /* Clear Button - Bottom Left */ QWidget:disabled { color: #36ff00; background-color: transparent; } /* **************************************** */ /* Action Buttons */ /* **************************************** */ 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: #36ff00; border-style: solid; border-radius: 6; padding: 3px; padding-left: 15px; padding-right: 15px; } QPushButton:pressed { background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #484F53, stop: 1 #697670); } QPushButton:checked { border-width: 1px; border-color: #3EA0CA; } QComboBox { selection-background-color: #36ff00; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #004513, stop: 1 #004513); border: 2px solid #36ff00; height: 20px; border-radius: 5px; } QComboBox:hover,QPushButton:hover { border: 2px solid #ff0000; } QComboBox:on { padding-top: 3px; padding-left: 4px; background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #74472b, stop: 1 #74472b); selection-background-color: #80B5C3; } 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 */ /* **************************************** */ QTextEdit { background-color: #004513; } QPlainTextEdit { background-color: #484F53; } QWebView { background-color: #484F53; } QHeaderView::section { background-color: QLinearGradient(x1:0, y1:0, x2:0, y2:1, stop:0 #004513, stop:0.5 #004513, stop:1 #004513); color: white; padding-left: 4px; border: 1px solid #36ff00; border-radius: 2px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /* **************************************** */ /* FileTree - Left Panel and Tabs */ /* **************************************** */ QTreeView { color: #00cc00; background-color: #001a00; alternate-background-color: #003300; } QAbstractScrollArea{ border:1px solid transparent; } QAbstractScrollArea QAbstractScrollArea{ border:0; } 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;} QDialog QAbstractScrollArea, QTabWidget QAbstractScrollArea{ border-color:#003300; } /* **************************************** */ /* 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{ color:#00cc00; } QTreeWidget::item:has-children{ color:#00cc00; } QTreeWidget::item:has-children:open{ color:#00cc00; } QTreeWidget::item:selected { border-top:1px solid #84acdd; border-bottom:1px solid #84acdd; background-color:QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #f2f8ff, stop: 1 #d0e5ff); } QTreeWidget::item:hover{ border-top:1px solid #b9d7fc; border-bottom:1px solid #b9d7fc; background-color:QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #fdfeff, stop: 1 #edf5ff); } QTreeWidget::item:hover:selected{ border-top:1px solid #7ca1cd; border-bottom:1px solid #7ca1cd; background-color:QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #dbeafb, stop: 1 #c0dafb); } /* * TabWidget and TabBar */ QTabWidget::pane { background-color: transparent; border: 1px solid #323232; } QTabWidget::pane:top { top: -1px; } QTabWidget::pane:right { right: -1px; } QTabWidget::pane:bottom { bottom: -1px; } QTabWidget::pane:left { left: -1px; } QTabBar::tab { border: 1px solid #292b2d; padding: 0.2em 0.8em 0.2em 0.8em; } 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: #001a00; } QTabBar::tab:!selected { background-color: #003300; } 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 #fff; } QTreeView::indicator:checked { background:#0000ff; border:4px double #fff; } QTreeView::indicator:checked:disabled{ background:#ccc; } QTreeView::item:selected{ color:#000; } /* **************************************** */ /* 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; }
From the Authers Mod 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.