User:Gernash/Stylesheet: Difference between revisions

From Step Mods | Change The Game
(Created page with "__NOTITLE__ {{PageBackground|fallout-3.png}} <br><br> {{Construction|size=80|text=}}<br><br>")
 
No edit summary
Line 5: Line 5:


{{Construction|size=80|text=}}<br><br>
{{Construction|size=80|text=}}<br><br>
== UI Tweaks - Alternative style for Mod Organizer ==
{{User:Kesta/ModInstructions
|flare={{User:Kesta/flare|OPT}}
|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''' : 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
<pre>
/* **************************************************** */
/* 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; /* Text */
    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: #004513;
}
QAbstractItemView
{
  background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #004513, stop: 0.7 #004513, stop: 1 #004513);
}
QLineEdit
{
    background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #004513, stop: 0.9 #004513, stop: 1 #004513);
    padding: 1px;
    border-style: solid;
    border: 1px solid #36ff00;
    border-radius: 5;
}
/* **************************************** */
/* Action Buttons    */
/* **************************************** */
QPushButton
{
    color: #36ff00;
    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 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:#222;
background:none;}
QDialog QAbstractScrollArea,
QTabWidget QAbstractScrollArea{
border-color:#ccc;
}
/* **************************************** */
/* 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);
}
/* **************************************** */
/* Checkboxes */
/* **************************************** */
QTreeView::indicator:unchecked {
background:#cc181e;
border:6px double #fff;
}
QTreeView::indicator:checked {
background:#33ff33;
border:4px double #fff;
}
QTreeView::indicator:checked:disabled{
background:#ccc;
}
QTreeView::item:selected{
color:#000;
}
/* **************************************** */
/* Scroll bar */
/* **************************************** */
QScrollBar {
height: 20px;
width: 20px;
background-color: transparent;
}
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;
}
</pre>
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.

Revision as of 15:13, August 10, 2016

Template:PageBackground



Template:Construction

UI Tweaks - Alternative style for Mod Organizer

Optional
UI Tweaks - Alternative style for Mod Organizer - 1.0 - by EGraf
Files to download :
  • MAIN FILES - UI Tweaks for Mod Organizer

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; /* Text */
     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: #004513;
}

QAbstractItemView
{
   background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #004513, stop: 0.7 #004513, stop: 1 #004513);
}

QLineEdit
{
    background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #004513, stop: 0.9 #004513, stop: 1 #004513);
    padding: 1px;
    border-style: solid;
    border: 1px solid #36ff00;
    border-radius: 5;
}

/* **************************************** */
/* 				Action Buttons     			*/
/* **************************************** */

QPushButton
{
    color: #36ff00;
    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 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:#222;
background:none;}

QDialog QAbstractScrollArea,
QTabWidget QAbstractScrollArea{
border-color:#ccc;
}


/* **************************************** */
/* 			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);
}


/* **************************************** */
/*	 			Checkboxes 					*/
/* **************************************** */

QTreeView::indicator:unchecked {
background:#cc181e;
border:6px double #fff;
}
QTreeView::indicator:checked {
background:#33ff33;
border:4px double #fff;
}
QTreeView::indicator:checked:disabled{
background:#ccc;
}
QTreeView::item:selected{
color:#000;
} 



/* **************************************** */
/*	 			Scroll bar 					*/
/* **************************************** */

QScrollBar {
height: 20px;
width: 20px;
background-color: transparent;
}
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.