User:Gernash/Stylesheet: Difference between revisions

From Step Mods | Change The Game
m (Text replacement - "{{PageBackground\|.*}}" to "")
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
__NOTITLE__
__NOTITLE__
{{PageBackground|fallout-3.png}}
 


<br><br>
<br><br>


{{Construction|size=80|text=}}<br><br>
{{alert|type=construction|size=80|text=}}<br><br>
 
=====UI Tweaks - Alternative style for Mod Organizer =====
{{User:Kesta/ModInstructions
|UI Tweaks - Alternative style for Mod Organizer|http://www.nexusmods.com/skyrim/mods/70774/?|1.0|EGraf
|{{User:Kesta/NexusDownload
|name=Files to download
|MAIN=UI Tweaks for Mod Organizer}}
'''Description''' : Clean white stylesheet for ModOrganizer.
 
'''Instructions''' :
:Download and copy the contents of the zip into c:\ModOrganizer2\stylesheets
:Make a new file called "UI-Tweaks Pip-Boy.qss" open it with a text editor and copy pase the below code into it.
:It will show up in Settings--->Styles.}}
 
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. All code removed Fully remarked.
 
 
 
<pre>
/* **************************************************** */
/* 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;
}
</pre>

Latest revision as of 03:15, April 19, 2023




Weapon.png

WIP