Engine/bin/tools/style.css

   1 /*--------------------------------------- Default Styles ----------------------------------------------*/
   2 QWidget { font: 11px Arial, Helvetica, sans-serif ; }
   3 QMainWindow{
   4         background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(255, 255, 255, 255), stop:0.001 rgba(49, 43, 76, 255), stop:0.155 rgba(32, 26, 38, 255), stop:0.156 rgba(240, 239, 238, 255), stop:1 rgba(240, 239, 238, 255));
   5 }
   6
   7 /*--------------------------------------- Radio Button ----------------------------------------------*/
   8 QRadioButton::indicator {width:13px; height:13px; }
   9 QRadioButton::indicator::unchecked {image: url(:/Torque3DFrontloader/resources/radioButton_unchecked.png); }
  10 QRadioButton::indicator:unchecked:hover {image: url(:/Torque3DFrontloader/resources/radioButton_unchecked_hover.png); }
  11 QRadioButton::indicator:unchecked:pressed {image: url(:/Torque3DFrontloader/resources/radioButton_unchecked_pressed.png); }
  12 QRadioButton::indicator::checked {image: url(:/Torque3DFrontloader/resources/radioButton_checked.png); }
  13 QRadioButton::indicator:checked:hover {image: url(:/Torque3DFrontloader/resources/radioButton_checked_hover.png); }
  14 QRadioButton::indicator:checked:pressed {image: url(:/Torque3DFrontloader/resources/radioButton_checked_pressed.png); }
  15
  16 /*--------------------------------------- CheckBox ----------------------------------------------*/
  17 QCheckBox {spacing: 5px; }
  18 QCheckBox::indicator {width: 13px; height: 13px; }
  19 QCheckBox::indicator:unchecked {image: url(:/Torque3DFrontloader/resources/checkbox_unchecked.png); }
  20 QCheckBox::indicator:unchecked:hover {image: url(:/Torque3DFrontloader/resources/checkbox_unchecked_hover.png); }
  21 QCheckBox::indicator:unchecked:pressed {image: url(:/Torque3DFrontloader/resources/checkbox_unchecked_pressed.png); }
  22 QCheckBox::indicator:checked {image: url(:/Torque3DFrontloader/resources/checkbox_checked.png); }
  23 QCheckBox::indicator:checked:hover {image: url(:/Torque3DFrontloader/resources/checkbox_checked_hover.png); }
  24 QCheckBox::indicator:checked:pressed {image: url(:/Torque3DFrontloader/resources/checkbox_checked_pressed.png); }
  25 QCheckBox::indicator:indeterminate {image: url(:/Torque3DFrontloader/resources/checkbox_indeterminate.png); }
  26 /*QCheckBox::indicator:indeterminate:hover {image: url(:/Torque3DFrontloader/resources/checkbox_indeterminate_hover.png); }
  27 QCheckBox::indicator:indeterminate:pressed {image: url(:/Torque3DFrontloader/resources/checkbox_indeterminate_pressed.png); }*/
  28
  29 /*--------------------------------------- Vertical Scrolbar ----------------------------------------------*/
  30 QScrollBar:vertical {
  31 background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(240, 239, 238, 255), stop:1 rgba(255, 255, 255, 255));
  32 width: 15px;
  33 margin: 16px 0 16px 0;  }
  34 QScrollBar::handle:vertical {
  35         border:1px solid  rgb(200,200,200); border-radius:3px;
  36         background-image: url(:/Torque3DFrontloader/resources/grip-v.png); background-repeat:none; background-position:center center;
  37         background-color:qlineargradient(spread:repeat, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(247, 246, 245, 255), stop:0.497326 rgba(241, 240, 239, 255), stop:0.5 rgba(232, 231, 230, 255), stop:1 rgba(222, 222, 222, 255)); padding:5px 15px 5px 15px; min-height: 20px;  }
  38 QScrollBar::handle:vertical:hover {border:1px solid  rgb(150,150,150); background-image: url(:/Torque3DFrontloader/resources/grip-v_d.png);}
  39 QScrollBar::add-line:vertical {
  40         background:qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(240, 239, 238, 255), stop:1 rgba(255, 255, 255, 255));
  41         height:16px; subcontrol-position:bottom; subcontrol-origin:margin;  }
  42 QScrollBar::sub-line:vertical {
  43         background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(240, 239, 238, 255), stop:1 rgba(255, 255, 255, 255));
  44         height: 16px;      subcontrol-position: top;            subcontrol-origin: margin;}
  45 QScrollBar::up-arrow:vertical{margin:0 0 0 1px; width:16px; height:16px; background-image: url(:/Torque3DFrontloader/resources/up-arrow_n.png);  }
  46 QScrollBar::down-arrow:vertical {margin:1px 0 0 1px; width:16px; height:16px; background-image: url(:/Torque3DFrontloader/resources/down-arrow_n.png);  }
  47 QScrollBar::up-arrow:vertical:hover{background-image: url(:/Torque3DFrontloader/resources/up-arrow.png);  }
  48 QScrollBar::down-arrow:vertical:hover {background-image: url(:/Torque3DFrontloader/resources/down-arrow.png);  }
  49 QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {  background: none;  }
  50 /*--------------------------------------- Horizontal Scrolbar ----------------------------------------------*/
  51 QScrollBar:horizontal {
  52 background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(240, 239, 238, 255), stop:1 rgba(255, 255, 255, 255));
  53 height: 15px;
  54 margin: 0 16px 0 16px ;  }
  55 QScrollBar::handle:horizontal {
  56         border:1px solid  rgb(200,200,200); border-radius:3px;
  57         background-image: url(:/Torque3DFrontloader/resources/grip-h.png); background-repeat:none; background-position:center center;
  58         background-color:qlineargradient(spread:repeat, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(247, 246, 245, 255), stop:0.497326 rgba(241, 240, 239, 255), stop:0.5 rgba(232, 231, 230, 255), stop:1 rgba(222, 222, 222, 255)); padding:5px 15px 5px 15px; min-width: 20px;  }
  59 QScrollBar::handle:horizontal:hover {border:1px solid  rgb(150,150,150); background-image: url(:/Torque3DFrontloader/resources/grip-h_d.png);}
  60 QScrollBar::add-line:horizontal {
  61         background:qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(240, 239, 238, 255), stop:1 rgba(255, 255, 255, 255));
  62         width:16px; subcontrol-position:right; subcontrol-origin:margin;  }
  63 QScrollBar::sub-line:horizontal {
  64         background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(240, 239, 238, 255), stop:1 rgba(255, 255, 255, 255));
  65         width: 16px;      subcontrol-position:left;      subcontrol-origin: margin;}
  66 QScrollBar::left-arrow:horizontal{margin:0 0 0 1px; width:16px; height:16px; background-image: url(:/Torque3DFrontloader/resources/left-arrow_n.png);  }
  67 QScrollBar::right-arrow:horizontal {margin:1px 0 0 1px; width:16px; height:16px; background-image: url(:/Torque3DFrontloader/resources/right-arrow_n.png);  }
  68 QScrollBar::left-arrow:horizontal:hover{background-image: url(:/Torque3DFrontloader/resources/left-arrow.png);  }
  69 QScrollBar::right-arrow:horizontal:hover {background-image: url(:/Torque3DFrontloader/resources/right-arrow.png);  }
  70 QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {  background: none;  }
  71
  72 /*--------------------------------------- Window Background Color ----------------------------------------------*/
  73 .DeploymentPageAdvanced, .DeploymentPage, .launchingdialog, .NewProjectPage, .ProgressFinishedDialog, QDialogue, .ProgressDialog, QDialog {
  74         background-color: rgb(242, 241, 240);
  75 }
  76 .DeploymentPage > QGroupBox{
  77         margin-left:8px;
  78         margin-right:8px;
  79         padding: 0 4px 0 4px;
  80 }
  81
  82 /*--------------------------------------- Tab Page ----------------------------------------------*/
  83 QTabWidget::pane {
  84         position:absolute;
  85         top:0px; /*fixes mac vertical centering*/
  86         border: 1px solid rgb(100, 100, 100);
  87         border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;
  88         background-color: rgb(255, 255, 255);
  89 }
  90 QTabWidget::tab-bar{
  91         alignment: left; /*fixes mac horizontal centering*/
  92         top:0px; /*fixes mac vertical centering*/
  93 }
  94 QTabBar::tab {
  95         right:0px;
  96         border: 1px solid rgb(100, 100, 100);
  97         min-width:8ex;
  98         border-top-left-radius:3px; border-top-right-radius:3px;
  99         padding:1px 10px 2px 10px;
 100         background-color: rgb(255,255,255);
 101 }
 102 QTabBar::tab::selected {
 103         border-style: solid solid none solid;
 104         background-color: rgb(255,255,255);
 105 }
 106 QTabBar::tab::!selected:hover {
 107         border-style: solid;
 108         background-color:qlineargradient(spread:pad, x1:1, y1:0, x2:1, y2:1, stop:0.8125 rgba(230, 230, 230, 255), stop:1 rgba(190, 190, 190, 255));
 109 }
 110 QTabBar::tab:!selected {
 111         background-color:qlineargradient(spread:pad, x1:1, y1:0, x2:1, y2:1, stop:0.8125 rgba(212, 212, 212, 255), stop:1 rgba(178, 178, 178, 255));
 112         margin-top:3px;
 113 }
 114 QTabWidget::pane QTextEdit{
 115         border: none;
 116 }
 117
 118 /*--------------------------------------- Dropdown Boxes ----------------------------------------------*/
 119 QComboBox::drop-down{
 120         subcontrol-origin: padding;     subcontrol-position: top right;     width: 17px;
 121         padding:-2px 2px 0 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px;
 122 }
 123 QComboBox::down-arrow{ background-image: url(:/Torque3DFrontloader/resources/down-arrow.png);}
 124 QComboBox::down-arrow:on { top: 1px;     left: 1px; }
 125 QComboBox QAbstractItemView {   background: white; border:1px solid gray; }
 126 QComboBox:on{background-color:qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0.903409 rgba(212, 212, 212, 255), stop:1 rgba(178, 178, 178, 255));}
 127 QComboBox{
 128         border:1px solid  rgb(100,100,100);  border-radius:3px;
 129         background-color:qlineargradient(spread:repeat, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(247, 246, 245, 255), stop:0.497326 rgba(241, 240, 239, 255), stop:0.5 rgba(232, 231, 230, 255), stop:1 rgba(222, 222, 222, 255));
 130 }
 131
 132 /*--------------------------------------- Default Button ----------------------------------------------*/
 133 QPushButton{
 134         border:1px solid  rgb(100,100,100);
 135         border-radius:3px;
 136         background-color:qlineargradient(spread:repeat, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(247, 246, 245, 255), stop:0.497326 rgba(241, 240, 239, 255), stop:0.5 rgba(232, 231, 230, 255), stop:1 rgba(222, 222, 222, 255));
 137         padding:4px 15px 4px 15px;
 138         min-height:11px;
 139 }
 140
 141 /*--------------------------------------- Tool Button ----------------------------------------------*/
 142 QToolButton{
 143         border:1px solid  rgb(100,100,100);
 144         border-radius:3px;
 145         background-color:qlineargradient(spread:repeat, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(247, 246, 245, 255), stop:0.497326 rgba(241, 240, 239, 255), stop:0.5 rgba(232, 231, 230, 255), stop:1 rgba(222, 222, 222, 255));
 146 }
 147 .QPushButton:pressed, .QToolButton::pressed, #PackageGroupBox .QPushButton:pressed, #CreateNewProjectButton:pressed, #OtherGroupBox .QPushButton:pressed, #EditorQuickLinkGroupBox .QPushButton:pressed{ /* Default Button Pressed state */
 148         background-color:qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0.903409 rgba(212, 212, 212, 255), stop:1 rgba(178, 178, 178, 255));
 149 }
 150 QPushButton::hover, QToolButton::hover, QComboBox::hover{ /* Default Button Hover state */
 151         background-color:qlineargradient(spread:repeat, x1:1, y1:1, x2:1, y2:0, stop:0 rgba(247, 246, 245, 255), stop:1 rgba(222, 222, 222, 255));
 152 }
 153 QPushButton::menu-indicator{
 154         subcontrol-position:right center;
 155         subcontrol-orgin:padding;
 156 }
 157
 158 /*--------------------------------------- New Project Button ----------------------------------------------*/
 159 #CreateNewProjectButton { border:none; background:none; margin:0; padding:0; }
 160 #CreateNewProjectButton:hover { border:1px solid rgb(200,200,200); background:none; }
 161
 162 /*--------------------------------------- Other Modules Buttons ----------------------------------------------*/
 163 #newChooseModulesButton { padding:0; }
 164 #ProjectModuleListRegenButton { padding:0; }
 165
 166 /*--------------------------------------- Web link style button ----------------------------------------------*/
 167 #EditToolBarButton, #HelpGroupBox QPushButton, #EditCommentsButton {
 168         font:10px;
 169         color:#0A0260;
 170         border:none; background:none;
 171         margin:0 0 5px 0;
 172         text-decoration:underline;
 173         max-height:20px;
 174         padding:0;
 175 }
 176 #EditToolBarButton:hover, #HelpGroupBox QPushButton:hover, #EditCommentsButton:hover {
 177         color:#000000;
 178         margin:0 0 5px 0;
 179 }
 180
 181 /*--------------------------------------- Project Tree Item ----------------------------------------------*/
 182 .ProjectTreeItem{  /*-- unSelected --*/
 183         border-bottom-right-radius:4px;
 184         border-top-right-radius:4px;
 185         background:#F6f5f4;
 186         border:1px solid #eeeeee;
 187 }
 188 .ProjectTreeItem::hover { /*-- Hover --*/
 189         border:1px solid #cccccc;
 190         background-color:qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(240, 239, 238, 255), stop:1 rgba(255, 255, 255, 255));
 191 }
 192 /*border:1px solid rgb(0, 44, 67);   -- Selected done in Code --
 193
 194 background-color: qlineargradient(spread:repeat, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(223, 245, 255, 255), stop:0.49 rgba(252, 254, 255, 255), stop:0.5 rgba(208, 233, 245, 255), stop:1 rgba(239, 250, 255, 255))*/
 195 #ProjectName{ /*-- project name color --*/
 196         color:#000000;
 197 }
 198 /*--------------------------------------- Thumb Image Border ----------------------------------------------*/
 199 .ProjectTreeItem QLabel#ProjectImage, #ProjectInformationGroupBox QLabel#ExistingProjectInfoPreviewImage, #PreviewImage
 200 {
 201         border:1px solid #444444;
 202         border-radius:2px;
 203 }
 204 /*--------------------------------------- Blank Frame style ----------------------------------------------*/
 205 #PreviewImageFrame{ border:none; }
 206
 207 /*--------------------------------------- Default text area styles ----------------------------------------------*/
 208 .ProjectScrollArea,  QTreeView, QTextEdit, QLineEdit:focus, #DirectoryTextEdit:focus, #ExistingProjectInfoComment:focus{
 209         border:1px inset rgb(100,100,100);
 210         border-radius:2px;
 211         background-color: rgb(255,255,255);
 212 }
 213 #ExistingProjectInfoComment{ border:1px solid rgb(200, 200, 200); border-radius:2px; background-color: rgb(255,255,255);}
 214 #DirectoryTextEdit{ border:none; background-color: rgb(242, 241, 240); }
 215 .ProjectScrollArea #ProjectScrollContent { background-color: rgb(255,255,255); }
 216 QLineEdit{ /*line edit not selected state*/
 217         border:1px inset rgb(100,100,100);
 218         border-radius:2px;
 219         background-color: rgb(242, 241, 240);
 220 }
 221 /*--------------------------------------- Header style ----------------------------------------------*/
 222 QHeaderView::section{
 223         border:1px solid rgb(100,100,100);
 224         margin:-1px 0 0 -1px;
 225         background-color:qlineargradient(spread:repeat, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(247, 246, 245, 255), stop:0.497326 rgba(241, 240, 239, 255), stop:0.5 rgba(232, 231, 230, 255), stop:1 rgba(222, 222, 222, 255));
 226         padding-left:10px;
 227         height:20px;
 228 }
 229 /*--------------------------------------- Quicklinks ----------------------------------------------*/
 230 #EditorQuickLinkGroupBox QPushButton {
 231         height:20px; min-height:20px;
 232         width:125px; max-width:125px;
 233 }
 234 /*--------------------------------------- Left Quicklinks ----------------------------------------------*/
 235 #LeftQuickLinkButton {
 236         border:1px solid rgb(150,150,150); border-top-left-radius:3px; border-bottom-left-radius:3px;  border-top-right-radius:0; border-bottom-right-radius:0;
 237         width:100px; height:24px;
 238         background-color:qlineargradient(spread:repeat, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(247, 246, 245, 255), stop:0.497326 rgba(241, 240, 239, 255), stop:0.5 rgba(232, 231, 230, 255), stop:1 rgba(222, 222, 222, 255));
 239 }
 240 #LeftQuickLinkButton::pressed, #RightQuickLinkButton::pressed  { background-color:qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0.903409 rgba(212, 212, 212, 255), stop:1 rgba(178, 178, 178, 255));}
 241 /*--------------------------------------- Right Quicklinks ----------------------------------------------*/
 242 #RightQuickLinkButton {
 243         border:1px solid rgb(150,150,150); border-top-right-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:0; border-bottom-left-radius:0;
 244         width:100px; height:24px;
 245         background-color:qlineargradient(spread:repeat, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(247, 246, 245, 255), stop:0.497326 rgba(241, 240, 239, 255), stop:0.5 rgba(232, 231, 230, 255), stop:1 rgba(222, 222, 222, 255));
 246 }
 247 #RightQuickLinkButton::hover, #LeftQuickLinkButton::hover { background-color:qlineargradient(spread:repeat, x1:1, y1:1, x2:1, y2:0, stop:0 rgba(247, 246, 245, 255), stop:1 rgba(222, 222, 222, 255)); }
 248
 249 /*--------------------------------------- Less important Editor Buttons ----------------------------------------------*/
 250 #OtherGroupBox QPushButton{
 251         color:rgb(50,50,50);
 252         border:1px solid rgb(150,150,150);
 253         background:none;
 254 }
 255 #PackageGroupBox QPushButton {
 256         color:rgb(50,50,50);
 257         border:1px solid rgb(200,200,200);
 258         background:none;
 259 }
 260 #PackageGroupBox QPushButton:hover, #OtherGroupBox QPushButton:hover {
 261         color:rgb(0,0,0);
 262         border:1px solid rgb(100,100,100);
 263         background:qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(240, 239, 238, 255), stop:1 rgba(255, 255, 255, 255));
 264 }
 265 /*---------------------------------------  Default GroupBox Style ----------------------------------------------*/
 266 QGroupBox {
 267         border:1px rgb(150,150,150);
 268         border-style: solid none none none;
 269         border-radius:0;
 270         margin:5px 0 0 0px;
 271 }
 272 QGroupBox::title {  /* Default GroupBox Title Style */
 273         top:-7px; left:0px;
 274         margin: 0 4px 0 0px;
 275 }
 276 /*--------------------------------------- Full GroupBox ----------------------------------------------*/
 277 #ProjectApplicationsGroupBox, #commentsGroupBox{
 278         border:1px solid rgb(220,220,220);
 279         border-radius:3px;
 280         margin:9px 0 0 0;
 281         padding:8px 8px 8px 8px;
 282 }
 283 #ProjectApplicationsGroupBox::title { left:7px; margin: 0 4px 0 4px; } /* Full GroupBox Title*/
 284
 285 /*--------------------------------------- Quicklinks GroupBox ----------------------------------------------*/
 286 #EditorQuickLinkGroupBox {
 287         border:1px solid rgb(150,150,150);
 288         border-radius:5px;
 289         margin:0;
 290         background:qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(240, 239, 238, 255), stop:1 rgba(255, 255, 255, 255));
 291 }
 292
 293 /*--------------------------------------- Transparent GroupBox ----------------------------------------------*/
 294 #EditorQuickLinkLabel, #OtherGroupBox, #HelpGroupBox, #ExistingProjectInfoComment { /* invisable group boxes */ border: none; background:none; }
 295
 296 /*--------------------------------------- Launching Dialog Main Text ----------------------------------------------*/
 297 #LaunchingDialogMainText{ font:18px Arial, Helvetica, sans-serif bold; }
 298 /*--------------------------------------- Gray light Text Lables ----------------------------------------------*/
 299 #ExistingProjectInfoSizeLabel, #ExistingProjectInfoLastUpdateLabel , #ProjectLastUpdate, #ProjectSize, #TemplatePreviewSizeLabel, #TemplatePreviewLastUpdateLabel, #TemplatePreviewCreatedDataLabel{
 300         color:#999999
 301 }
 302 /*--------------------------------------- Gray dark Text Lables ----------------------------------------------*/
 303 #ProjectLastUpdateValue, #ProjectSizeValue{
 304         color:#444444;
 305 }
 306 /*--------------------------------------- Text White Background Fill ----------------------------------------------*/
 307 #ExistingProjectInfoMyGameName, #ExistingProjectInfoLastUpdateValue, #EditCommentsButton, #ExistingProjectInfoCommentTime, #CurrentStageStatusText{
 308         background-color: rgb(255, 255, 255);
 309 }