User:Gernash/Stylesheet

From Step Mods | Change The Game
< User:Gernash
Revision as of 07:04, August 11, 2016 by Gernash (talk | contribs)

Template:PageBackground



Template:Construction

UI Tweaks - Alternative style for Mod Organizer
CORE
UI Tweaks - Alternative style for Mod Organizer - 1.0 - by EGraf
Files to download :
  • MAIN FILES - 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.




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

/* 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;
}
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 #646464;
    border-width: 2px;
    border-color: #36ff00;
    border-style: solid;
    border-radius: 6;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
	}
	
QPlainTextEdit
{
    color: #fff;
}

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

/* **************************************** */
/*		Launch application Drop down Box 	*/
/* **************************************** */

QComboBox
{
    selection-background-color: #36ff00; 
    background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53);
    border: 2px solid #36ff00;
    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	*/
/* **************************************** */

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: #36ff00;
    border-style: solid;
    border-radius: 6;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
}


/* **************************************** */
/* 		Inner Border of  boxes 		*/
/* **************************************** */

QAbstractScrollArea{
border:2px transparent;
}

/* **************************************** */
/* 		QDialog Yes No Buttons 		*/
/* **************************************** */

QDialog QAbstractScrollArea,
QTabWidget QAbstractScrollArea{
background-color: #001a00;
border-color:#003300;
}

QAbstractItemView {
 color: #00cc00;
	background-color: #001a00;
    border: 1px solid #323232;
    selection-color: #4b6eaf;
    selection-background-color: #4b6eaf;
    alternate-background-color: Black;
    show-decoration-selected: 1;
    outline: ;
}
QTreeView::branch:selected:active,
QAbstractItemView::item:selected {
    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;
}
QTreeView::branch:hover,
QAbstractItemView::item:hover {
border-top:1px solid #b9d7fc;
border-bottom:1px solid #b9d7fc;
background-color:4b6eaf;
}
/* **************************************** */
/* Hover Over Mouse Border color change 	*/
/* **************************************** */

QLineEdit:hover,QTextEdit:hover,QTextBrowser:hover,QComboBox:hover,QDialog:hover,QPushButton:hover,QHeaderView::section:hover
{
	border: 2px 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;
}

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: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53);
}
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:#fff;
}
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;
}