User:Gernash/Stylesheet: Difference between revisions

From Step Mods | Change The Game
Line 6: Line 6:
{{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 */
/* UI TWEAKS: a theme for Mod Organizer */
Line 43: Line 25:
}
}


/* outside boarder */
/* Frame Background */
 


QWidget{
QWidget{
color: #00cc00;
color: #00cc00;
background-color: #444422;
    background-color: #444422;
}
}


/* Clear Button - Bottom Left */
/* Frame Background - Alerts & MO2 UpDater  */


QWidget:disabled
QWidget:disabled{
{
color: transparent;
color: #36ff00;
background-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;
}


/* **************************************** */
/* **************************************** */
Line 64: Line 77:
/* **************************************** */
/* **************************************** */


/* Open list, Rextore Backup, Create Backup, RUN, Shortcut Button */
/* Sort, Load order backup, Load Order Restore */
QPushButton
QPushButton
{
{
Line 76: Line 91:
     padding-right: 15px;
     padding-right: 15px;
}
}
QPushButton:pressed
QPushButton:pressed
{
{
    background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #484F53, stop: 1 #697670);
background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #484F53, stop: 1 #697670);
}
}


Line 84: Line 100:
{
{


  border-width: 1px;
border-width: 1px;
  border-color: #3EA0CA;  
border-color: #3EA0CA;  
}
}
/* **************************************** */
/* Launch application Drop down Box */
/* **************************************** */
QComboBox
QComboBox
{
{
     selection-background-color: #36ff00;  
     selection-background-color: #36ff00;  
     background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #004513, stop: 1 #004513);
     background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53);
     border: 2px solid #36ff00;
     border: 2px solid #36ff00;
     height: 20px;
     height: 20px;
Line 96: Line 117:
}
}


QComboBox:hover,QPushButton:hover
QComboBox::drop-down
{
{
  border: 2px solid #ff0000;
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
QComboBox:on
{
{
    padding-top: 3px;
image: url(:/stylesheet/combobox-down.png);
    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     */
/* Headings - Column Boxes at top of Forms */
/* **************************************** */
/* **************************************** */


QTextEdit
QHeaderView::section
{
{
     background-color: #004513;
    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;
}
}


QPlainTextEdit
{
    background-color: #484F53;
}


QWebView
/* **************************************** */
{
/* Inner Border of  boxes */
    background-color: #484F53;
/* **************************************** */
}


QHeaderView::section
QAbstractScrollArea{
{
border:2px transparent;
    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 */
/* QDialog Yes No Buttons */
/* **************************************** */
/* **************************************** */
QTreeView {
 
  color: #00cc00;
QDialog QAbstractScrollArea,
QTabWidget QAbstractScrollArea{
background-color: #001a00;
border-color:#003300;
}
 
QAbstractItemView {
color: #00cc00;
background-color: #001a00;
background-color: #001a00;
alternate-background-color: #003300;
    border: 1px solid #323232;
    selection-color: #4b6eaf;
    selection-background-color: #4b6eaf;
    alternate-background-color: Black;
    show-decoration-selected: 1;
    outline: ;
}
}
QAbstractScrollArea{
QTreeView::branch:selected:active,
border:1px solid transparent;
QAbstractItemView::item:selected {
}
    background-color: #4b6eaf;
QAbstractScrollArea QAbstractScrollArea{
border:0;
}
}
QTreeView::branch:has-siblings:!adjoins-item{
QTreeView::branch:has-siblings:!adjoins-item{
background:url(ui-tweaks/ui-tweaks-item-line-v.png) center center no-repeat;
background:url(ui-tweaks/ui-tweaks-item-line-v.png) center center no-repeat;
Line 219: Line 233:
color:#00cc00;
color:#00cc00;
background:none;}
background:none;}
QDialog QAbstractScrollArea,
QTabWidget QAbstractScrollArea{
border-color:#003300;
}




Line 252: Line 261:
background-image:url(ui-tweaks/ui-tweaks-item-end-close.png);
background-image:url(ui-tweaks/ui-tweaks-item-end-close.png);
}
}


/* **************************************** */
/* **************************************** */
Line 259: Line 266:
/* **************************************** */
/* **************************************** */


QTreeWidget::item{
 
color:#00cc00;
}
QTreeWidget::item:has-children{
color:#00cc00; 
}
QTreeWidget::item:has-children:open{
color:#00cc00;
}
QTreeWidget::item:selected {
QTreeWidget::item:selected {
border-top:1px solid #84acdd;
border-top:1px solid #4b6eaf;
border-bottom:1px solid #84acdd;
border-bottom:1px solid #4b6eaf;
background-color:QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #f2f8ff, stop: 1 #d0e5ff);
background-color:#4b6eaf;
}  
}  
QTreeWidget::item:hover{
QTreeWidget::item:hover{
border-top:1px solid #b9d7fc;
border-top:1px solid #b9d7fc;
border-bottom: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);
background-color:4b6eaf;
}
}
QTreeWidget::item:hover:selected{
QTreeView::branch:hover,
border-top:1px solid #7ca1cd;
QAbstractItemView::item:hover {
border-bottom:1px solid #7ca1cd;
border-top:1px solid #b9d7fc;
background-color:QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #dbeafb, stop: 1 #c0dafb);
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
  * TabWidget and TabBar
  */
  */
/* pane around box 3 */
QTabWidget::pane {
QTabWidget::pane {
     background-color: transparent;
     background-color: transparent;
     border: 1px solid #323232;
     border: 1px solid transparent;
}
}
QTabWidget::pane:top {
QTabWidget::pane:top {
     top: -1px;
     top: -1px;
Line 303: Line 315:
     left: -1px;
     left: -1px;
}
}
QTabBar::tab {
QTabBar::tab {
     border: 1px solid #292b2d;
     border: 1px solid #292b2d;
Line 328: Line 341:
}
}
QTabBar::tab:!selected {
QTabBar::tab:!selected {
     background-color: #003300;
     background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #697670, stop: 1 #484F53);
}
}
QTabBar::tab:top:selected {
QTabBar::tab:top:selected {
Line 362: Line 375:
QTreeView::indicator:unchecked {
QTreeView::indicator:unchecked {
background:#cc181e;
background:#cc181e;
border:6px double #fff;
border:6px double #001a00;
}
}
QTreeView::indicator:checked {
QTreeView::indicator:checked {
background:#0000ff;
background:#66ff1a;
border:4px double #fff;
border:4px double #fff;
}
}
QTreeView::indicator:checked:disabled{
QTreeView::indicator:checked:disabled{
background:#ccc;
background:#fff;
}
}
QTreeView::item:selected{
QTreeView::item:selected{
color:#000;
color:#fff;
}  
}  


Line 418: Line 431:
}
}


 
/* **************************************** */
</pre>
/* Handles Web, Nexus info tab */
 
/* **************************************** */
From the Authers Mod Site
QWebView{
 
background-color: Black;
 
}
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 06:19, August 11, 2016

Template:PageBackground



Template:Construction

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

Retrieved from "https://stepmodifications.org/wiki/index.php?title=User:Gernash/Stylesheet&oldid=80677"