ProjectManager.qss 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143
  1. /************** General (MainWindow) **************/
  2. QMainWindow {
  3. background:#131313 url(:/o3de.svg) no-repeat top left;
  4. /* position the logo using padding and background-origin, Qt does not support background-position pixels */
  5. background-origin:content;
  6. padding:25px 16px;
  7. margin:0;
  8. }
  9. #ScreensCtrl {
  10. min-width:1200px;
  11. min-height:700px;
  12. }
  13. QPushButton:focus {
  14. outline: none;
  15. border:1px solid #1e70eb;
  16. }
  17. QPushButton[primary="true"] {
  18. qproperty-flat: true;
  19. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  20. stop: 0 #0095f2, stop: 1.0 #1e70eb);
  21. }
  22. QPushButton[primary="true"]:hover {
  23. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  24. stop: 0 #10A5f2, stop: 1.0 #2e80eb);
  25. }
  26. QPushButton[primary="true"]:pressed {
  27. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  28. stop: 0 #0085e2, stop: 1.0 #0e60db);
  29. }
  30. QPushButton[primary="true"]:disabled {
  31. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  32. stop: 0 #777777, stop: 1.0 #444444);
  33. }
  34. QPushButton[secondary="true"] {
  35. qproperty-flat: true;
  36. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  37. stop: 0 #888888, stop: 1.0 #555555);
  38. }
  39. QPushButton[secondary="true"]:hover {
  40. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  41. stop: 0 #999999, stop: 1.0 #666666);
  42. }
  43. QPushButton[secondary="true"]:pressed {
  44. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  45. stop: 0 #555555, stop: 1.0 #777777);
  46. }
  47. QPushButton[danger="true"] {
  48. qproperty-flat: true;
  49. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  50. stop: 0 #E32C27, stop: 1.0 #951D21);
  51. }
  52. QPushButton[danger="true"]:hover {
  53. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  54. stop: 0 #FD3129, stop: 1.0 #AF2221);
  55. }
  56. QPushButton[danger="true"]:pressed {
  57. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
  58. stop: 0 #951D1F, stop: 1.0 #C92724);
  59. }
  60. QTabBar {
  61. background-color: transparent;
  62. }
  63. QTabWidget::tab-bar {
  64. left: 78px; /* make room for the logo */
  65. }
  66. QTabBar::tab {
  67. height:82px;
  68. background-color: transparent;
  69. font-size:24px;
  70. min-width:100px;
  71. margin-right:40px;
  72. border-bottom: 3px solid transparent;
  73. }
  74. QTabBar::tab:text {
  75. text-align:left;
  76. }
  77. #createAGemLHS QRadioButton{
  78. font-size: 16px;
  79. height: 40px;
  80. min-width: 180px;
  81. spacing: 10px;
  82. color: #6b6b6b;
  83. }
  84. #createAGemLHS QRadioButton:enabled{
  85. color: #aaaaaa;
  86. }
  87. #createAGemLHS QRadioButton:checked{
  88. background-color: #333333;
  89. spacing: 30px;
  90. color: #FFFFFF;
  91. }
  92. #createAGemLHS QRadioButton::indicator{
  93. image: url(:/nothing.png);
  94. }
  95. QStackedWidget#createAGemRHS{
  96. background-color: #333333;
  97. text-align:left;
  98. }
  99. #createAGemRHS #formFrame{
  100. margin-left: 0px;
  101. }
  102. #createAGemRHS #formOptionsFrame{
  103. margin-left:2px;
  104. }
  105. #createAGemRHS #formTagField{
  106. margin-left: 0px;
  107. }
  108. QTabWidget::pane {
  109. background-color: #333333;
  110. border:0 none;
  111. }
  112. QTabBar::tab:selected {
  113. background-color: transparent;
  114. border-bottom: 3px solid #1e70eb;
  115. color: #1e70eb;
  116. font-weight: 500;
  117. }
  118. QTabBar::tab:hover {
  119. color: #1e70eb;
  120. font-weight: 500;
  121. }
  122. QTabBar::tab:pressed {
  123. color: #0e60eb;
  124. }
  125. QTabBar::focus {
  126. outline: 0px;
  127. outline: none;
  128. outline-style: none;
  129. }
  130. QTabBar::tab:focus {
  131. background-color: #525252;
  132. color: #4082eb;
  133. }
  134. #createGemTab #formFrame {
  135. margin-left: 0px;
  136. }
  137. #formFrame QComboBox {
  138. subcontrol-origin: padding;
  139. subcontrol-position: top right;
  140. min-width:810px;
  141. max-width:810px;
  142. line-height: 26px;
  143. font-size: 18px;
  144. height: 26px;
  145. padding-left:0px;
  146. padding-right:0px;
  147. }
  148. #formFrame QComboBox::drop-down {
  149. subcontrol-origin: padding;
  150. subcontrol-position: top right;
  151. padding-right:20px;
  152. min-width: 24px;
  153. max-width: 24px;
  154. width:24px;
  155. }
  156. #formFrame QComboBox QListView::item {
  157. line-height: 30px;
  158. font-size: 18px;
  159. height: 40px;
  160. }
  161. #formOptionsWidget QCheckBox{
  162. font-size: 16px;
  163. height: 40px;
  164. }
  165. #ToastNotification {
  166. background-color: black;
  167. border-radius: 20px;
  168. border:1px solid #dddddd;
  169. qproperty-minimumSize: 100px 50px;
  170. }
  171. #ToastNotification #icon_frame {
  172. border-radius: 4px;
  173. qproperty-minimumSize: 44px 20px;
  174. }
  175. #ToastNotification #iconLabel {
  176. qproperty-minimumSize: 30px 20px;
  177. qproperty-maximumSize: 30px 20px;
  178. margin-left: 6px;
  179. }
  180. /************** General (Forms) **************/
  181. #formLineEditWidget,
  182. #formBrowseEditWidget,
  183. #formOptionsWidget,
  184. #formComboBoxWidget {
  185. max-width: 890px;
  186. }
  187. #formFrame {
  188. max-width: 840px;
  189. background-color: #444444;
  190. border:1px solid #dddddd;
  191. border-radius: 4px;
  192. padding: 0px 10px 2px 6px;
  193. margin-top:10px;
  194. margin-left:50px;
  195. }
  196. #formOptionsFrame {
  197. max-width: 840px;
  198. padding: 0px 10px 2px 6px;
  199. margin-top:10px;
  200. margin-left:50px;
  201. }
  202. #formTagField {
  203. max-width: 840px;
  204. background-color: #333333;
  205. padding: 0px 10px 2px 6px;
  206. margin-left:50px;
  207. }
  208. #formTagField QCheckBox{
  209. background-color: #555555;
  210. padding-left:7px;
  211. padding-top:2px;
  212. padding-bottom:2px;
  213. padding-right:5px;
  214. spacing:0px;
  215. color:#94D2FF;
  216. }
  217. #formTagField QCheckBox::indicator{
  218. background-color: transparent;
  219. image:url(:/X.svg);
  220. width: 10%;
  221. padding-left:3px;
  222. }
  223. #createAGem #formFrame {
  224. margin-left: 0px;
  225. }
  226. #formFrame[Focus="true"] {
  227. border:1px solid #1e70eb;
  228. }
  229. #formFrame[Valid="false"] {
  230. border:1px solid red;
  231. }
  232. #formFrame:disabled {
  233. border:1px solid #959595;
  234. }
  235. #formOptionsFrame QLabel,
  236. #formFrame QLabel {
  237. font-size: 13px;
  238. color: #cccccc;
  239. }
  240. #formFrame QLabel:disabled {
  241. color: #888888;
  242. }
  243. #formFrame QPushButton {
  244. background-color: transparent;
  245. background:transparent url(:/Select_Folder.svg) no-repeat center;
  246. qproperty-flat: true;
  247. }
  248. #formFrame QPushButton#dropDownButton{
  249. background-color: transparent;
  250. background: url(:/CarrotArrowDown.svg) no-repeat center;
  251. qproperty-flat: true;
  252. qproperty-iconSize: 40px;
  253. padding-bottom:2px;
  254. margin-left:-10px;
  255. width: 35px;
  256. }
  257. #formFrame QPushButton:focus {
  258. border:none;
  259. }
  260. #formFrame QPushButton:disabled {
  261. background:transparent url(:/Select_Folder_Disabled.svg) no-repeat center;
  262. }
  263. #formFrame QLineEdit {
  264. background-color: rgba(0,0,0,0);
  265. font-size: 18px;
  266. color: #ffffff;
  267. border:0;
  268. line-height: 30px;
  269. height: 1em;
  270. padding-top: -4px;
  271. }
  272. #formFrame QLineEdit:disabled {
  273. color: #AAAAAA;
  274. }
  275. #formFrame QComboBox {
  276. subcontrol-origin: padding;
  277. subcontrol-position: top right;
  278. min-width:810px;
  279. max-width:810px;
  280. line-height: 26px;
  281. font-size: 18px;
  282. height: 26px;
  283. padding-left:0px;
  284. padding-right:0px;
  285. }
  286. #formFrame QComboBox::drop-down {
  287. subcontrol-origin: padding;
  288. subcontrol-position: top right;
  289. padding-right:20px;
  290. min-width: 24px;
  291. max-width: 24px;
  292. width:24px;
  293. }
  294. #formFrame QComboBox QListView::item {
  295. line-height: 30px;
  296. font-size: 18px;
  297. height: 40px;
  298. }
  299. #formErrorLabel {
  300. color: #ec3030;
  301. font-size: 14px;
  302. margin-left: 50px;
  303. }
  304. #createAGemBody #formErrorLabel {
  305. margin-left: 0px;
  306. }
  307. #addRemoteProjectDialog #formErrorLabel {
  308. margin-left: 0px;
  309. }
  310. #addRemoteTemplateDialog #formErrorLabel {
  311. margin-left: 0px;
  312. }
  313. #formTitleLabel {
  314. font-size:21px;
  315. color:#ffffff;
  316. margin: 24px 0 10px 50px;
  317. }
  318. #rightPaneHeader {
  319. font-size:21px;
  320. qproperty-indent: 0;
  321. }
  322. #rightPaneDetailsHeader {
  323. font-size:21px;
  324. }
  325. #rightPaneSubheader {
  326. font-size:14px;
  327. qproperty-indent: 0;
  328. padding-bottom: 20px;
  329. }
  330. #createAGemRightPane {
  331. padding-top: 25px;
  332. padding-left: 60px;
  333. min-width: 660;
  334. }
  335. #createAGem #QRadioButton{
  336. padding-top: 15px;
  337. font-size: 14px;
  338. }
  339. #createAGemRadioButtonSubtext {
  340. padding-bottom: 20px;
  341. padding-left: 23px;
  342. font-size: 12;
  343. }
  344. #createAGemRadioButtonSubFormField #formFrame{
  345. margin-left: 23px;
  346. }
  347. /************** General (Modal windows) **************/
  348. #header {
  349. background-color:#111111;
  350. min-height:80px;
  351. max-height:80px;
  352. }
  353. #header QPushButton {
  354. /* settings min/max lets us use a fixed size */
  355. min-width: 24px;
  356. max-width: 24px;
  357. min-height: 24px;
  358. max-height: 24px;
  359. margin: 20px 10px 0px 10px;
  360. background:transparent url(:/ArrowBack.svg) no-repeat center;
  361. background-origin:content;
  362. qproperty-flat: true;
  363. qproperty-iconSize: 50px;
  364. }
  365. #header QPushButton:focus {
  366. border:none;
  367. }
  368. #header QPushButton:hover,
  369. #header QPushButton:pressed {
  370. background:transparent url(:/ArrowBack_Hover.svg) no-repeat center;
  371. }
  372. #headerTitle {
  373. font-size:14px;
  374. text-align:left;
  375. margin:0;
  376. padding-top:0px;
  377. padding-bottom:0px;
  378. min-height:20px;
  379. max-height:20px;
  380. }
  381. #headerSubTitle {
  382. font-size:24px;
  383. text-align:left;
  384. margin:0;
  385. padding-top:-5px;
  386. min-height:42px;
  387. max-height:42px;
  388. }
  389. #body {
  390. background-color:#333333;
  391. }
  392. #createAGemBody {
  393. background-color:#444444;
  394. }
  395. #footer {
  396. /* settings min/max lets us use a fixed size */
  397. min-width: 50px;
  398. min-height:54px;
  399. max-height:54px;
  400. }
  401. #createAGemFooter {
  402. background-color: #000000;
  403. }
  404. #footer > QPushButton {
  405. border-radius: 3px;
  406. min-height: 28px;
  407. max-height: 28px;
  408. min-width: 150px;
  409. margin-right:30px;
  410. font-weight: 600px;
  411. }
  412. #dialogSubTitle {
  413. font-size:14px;
  414. font-weight:600;
  415. }
  416. #horizontalSeparatingLine {
  417. color: #666666;
  418. }
  419. #verticalSeparatingLine {
  420. color: #888888;
  421. }
  422. #ExternalLinkDialog #externalLink {
  423. color: #94D2FF;
  424. margin:5px 0 30px 0;
  425. font-size:12px;
  426. }
  427. /************** Project Settings **************/
  428. #projectSettings {
  429. margin-top:30px;
  430. }
  431. #projectTemplate {
  432. margin: 25px 0 0 50px;
  433. }
  434. #projectTemplateLabel {
  435. font-size:16px;
  436. font-weight:100;
  437. }
  438. #projectTemplateDetailsLabel {
  439. font-size:14px;
  440. min-height:40px;
  441. margin-bottom:20px;
  442. }
  443. #projectTemplateDetails {
  444. background-color:#444444;
  445. max-width:20%;
  446. min-width:240px;
  447. margin-left:30px;
  448. }
  449. #projectTemplateDetails #displayName,
  450. #projectTemplateDetails #includedGemsTitle {
  451. font-size:18px;
  452. }
  453. #projectTemplateDetails #moreGems {
  454. font-size:14px;
  455. margin-top:20px;
  456. }
  457. #projectTemplateDetails #includedGemsTitle {
  458. margin-top:5px;
  459. margin-bottom:5px;
  460. }
  461. #projectTemplateDetails #summary {
  462. padding-bottom:0px;
  463. border-bottom:2px solid #555555;
  464. min-height:80px;
  465. qproperty-alignment: AlignTop;
  466. }
  467. #projectTemplateDetails #browseCatalog {
  468. margin:5px 0px 15px 0px;
  469. }
  470. #projectTemplate QPushButton {
  471. qproperty-flat: true;
  472. min-width: 96px;
  473. max-width: 96px;
  474. min-height: 160px;
  475. max-height: 160px;
  476. }
  477. #projectTemplate #templateLabel {
  478. qproperty-alignment: AlignCenter;
  479. }
  480. #projectTemplate QPushButton #templateImage {
  481. border:3px solid transparent;
  482. border-radius: 4px;
  483. }
  484. #projectTemplate QPushButton[Checked="true"] #templateImage {
  485. border:3px solid #1e70eb;
  486. }
  487. #projectTemplate QPushButton[Checked="true"] #templateLabel {
  488. font-weight:bold;
  489. }
  490. #projectTemplate QPushButton:hover {
  491. background-color: #444444;
  492. }
  493. #projectTemplate QPushButton:focus {
  494. outline: none;
  495. border:none;
  496. }
  497. #projectSettingsSectionTitle
  498. {
  499. font-size:18px;
  500. }
  501. #projectSmallInfoLabel
  502. {
  503. font-size:10px;
  504. }
  505. #projectSettingsTab::tab-bar {
  506. left: 60px;
  507. }
  508. #projectSettingsTabBar::tab {
  509. height:50px;
  510. }
  511. #projectSettingsTab::tab-bar > QPushButton {
  512. margin-right:30px;
  513. margin-bottom:12px;
  514. margin-top:0px;
  515. min-width:170px;
  516. max-width:170px;
  517. min-height:26px;
  518. max-height:26px;
  519. border-radius: 3px;
  520. text-align:center;
  521. font-size:13px;
  522. }
  523. #projectSettingsTopFrame {
  524. background-color:#1E252F;
  525. }
  526. /************** Projects **************/
  527. #firstTimeContent > #titleLabel {
  528. font-size:60px;
  529. margin:73px 0px 0px 0px;
  530. qproperty-indent: 0;
  531. }
  532. #firstTimeContent > #introLabel {
  533. font-size:14px;
  534. margin:10px 0 60px 0;
  535. qproperty-indent: 0;
  536. }
  537. #firstTimeContent > QPushButton {
  538. min-width: 210px;
  539. max-width: 210px;
  540. min-height: 276px;
  541. max-height: 276px;
  542. qproperty-flat: true;
  543. background-origin:content;
  544. font-size:14px;
  545. border: 1px solid #ffffff;
  546. }
  547. #firstTimeContent > QPushButton:hover {
  548. border: 1px solid #1e70eb;
  549. color: #1e70eb;
  550. }
  551. #firstTimeContent > QPushButton:focus {
  552. border: 1px solid #1e70eb;
  553. }
  554. #firstTimeContent > QPushButton:pressed {
  555. border: 1px solid #0e60eb;
  556. color: #0e60eb;
  557. }
  558. #createProjectButton {
  559. background:rgba(0,0,0,180) url(:/AddOffset.svg) no-repeat center center;
  560. }
  561. #createProjectButton:hover,
  562. #createProjectButton:pressed {
  563. background:rgba(0,0,0,180) url(:/AddOffset_Hover.svg) no-repeat center center;
  564. }
  565. #addProjectButton {
  566. background:rgba(0,0,0,180) url(:/FolderOffset.svg) no-repeat center center;
  567. }
  568. #addProjectButton:hover,
  569. #addProjectButton:pressed {
  570. background:rgba(0,0,0,180) url(:/FolderOffset_Hover.svg) no-repeat center center;
  571. }
  572. #addRemoteProjectButton {
  573. background:rgba(0,0,0,180) url(:/Cloud.svg) no-repeat center center;
  574. }
  575. #addRemoteProjectButton:hover,
  576. #addRemoteProjectButton:pressed {
  577. background:rgba(0,0,0,180) url(:/Cloud_Hover.svg) no-repeat center center;
  578. }
  579. #projectsContent > QFrame {
  580. margin-top:60px;
  581. }
  582. #projectsContent > QFrame > #titleLabel {
  583. font-size:24px;
  584. qproperty-indent: 0;
  585. }
  586. #projectsContent > QScrollArea {
  587. margin-top:40px;
  588. margin-bottom:5px;
  589. }
  590. #projectButton > #labelButton {
  591. border:1px solid white;
  592. }
  593. #projectButton > #labelButton:hover,
  594. #projectButton > #labelButton:pressed,
  595. #projectButton > #labelButton:focus {
  596. border:1px solid #1e70eb;
  597. }
  598. #projectButton {
  599. min-width: 210px;
  600. max-width: 210px;
  601. min-height: 324px;
  602. max-height: 324px;
  603. }
  604. #projectButton > QFrame {
  605. margin-top:8px;
  606. }
  607. #projectButton QLabel {
  608. font-weight:bold;
  609. font-size:14px;
  610. qproperty-indent: 0;
  611. margin:0;
  612. }
  613. #projectButton QLabel#thisEngineLabel,
  614. #projectButton QLabel#otherEngineLabel {
  615. font-weight:normal;
  616. font-size:12px;
  617. color: #eee;
  618. }
  619. #projectButton QLabel#otherEngineLabel {
  620. color: #ddd;
  621. }
  622. #labelButton QPushButton {
  623. min-width:140px;
  624. max-width:140px;
  625. min-height:24px;
  626. max-height:24px;
  627. }
  628. #labelButton #projectActionCancelButton{
  629. border-radius: 3px;
  630. margin-left: 1px;
  631. }
  632. #labelButtonOverlay {
  633. background-color: rgba(0,0,0,0.7);
  634. }
  635. #projectMessageOverlay, #projectSubMessageOverlay {
  636. min-width:160px;
  637. max-width:160px;
  638. min-height:32px;
  639. max-height:32px;
  640. }
  641. #labelButton #projectMessageOverlay {
  642. font-size:16px;
  643. }
  644. #labelButton #projectSubMessageOverlay {
  645. font-size:12px;
  646. }
  647. #projectMenuButton {
  648. qproperty-flat: true;
  649. background:transparent url(:/menu.svg) no-repeat center center;
  650. max-width:30px;
  651. min-width:30px;
  652. max-height:14px;
  653. min-height:14px;
  654. }
  655. #projectsContent > QFrame > #newProjectButton {
  656. min-width:150px;
  657. max-width:150px;
  658. min-height:26px;
  659. max-height:26px;
  660. }
  661. QProgressBar {
  662. border: none;
  663. background-color: transparent;
  664. padding: 0px;
  665. }
  666. QProgressBar::chunk {
  667. background-color: #1E70EB;
  668. }
  669. /************** Remote Projects **************/
  670. #remoteProjectDialogInstructionTitleLabel,
  671. #remoteProjectDialogDownloadProjectLabel {
  672. font-size: 14px;
  673. font-weight: 600;
  674. }
  675. #remoteProjectDialogRequirementsTitleLabel,
  676. #remoteProjectDialogLicensesTitleLabel {
  677. font-size: 16px;
  678. font-weight: 300;
  679. }
  680. #addRemoteProjectDialog > QLabel:disabled {
  681. color: #AAAAAA;
  682. }
  683. /************** Gem Catalog **************/
  684. #GemCatalogScreen {
  685. background-color: #333333;
  686. }
  687. #GemCatalogTitle {
  688. font-size: 18px;
  689. }
  690. #GemCatalogCart {
  691. background-color: #555555;
  692. }
  693. #GemCatalogCartCountLabel {
  694. font-size: 12px;
  695. background-color: #4285F4;
  696. border-radius: 3px;
  697. }
  698. #GemCatalogCartOverlaySectionLabel {
  699. font-weight: 600;
  700. }
  701. #RefreshButton {
  702. background:transparent url(:/Refresh.svg) no-repeat center center;
  703. qproperty-flat: true;
  704. max-width:24px;
  705. min-width:24px;
  706. max-height:24px;
  707. min-height:24px;
  708. }
  709. #RefreshButton:hover {
  710. background:transparent url(:/Refresh_Hover.svg) no-repeat center center;
  711. }
  712. #gemCatalogMenuButton {
  713. qproperty-flat: true;
  714. max-width:36px;
  715. min-width:36px;
  716. max-height:24px;
  717. min-height:24px;
  718. }
  719. /* be specific here to override the general QLabel margins */
  720. #GemCatalogInspector #GemCatalogRequirements,
  721. #GemCatalogInspector #GemCatalogCompatibilityWarning {
  722. margin:0 0 10px 0;
  723. padding-left:34px;
  724. min-height: 34px;
  725. font-size:10px;
  726. color:#ddd;
  727. background:transparent url(:/Info.svg) no-repeat left center;
  728. }
  729. #GemCatalogInspector #GemCatalogCompatibilityWarning {
  730. background:transparent url(:/Warning.svg) no-repeat left center;
  731. }
  732. #GemCatalogCartOverlayGemDownloadHeader {
  733. margin:0;
  734. padding: 0px;
  735. background-color: #333333;
  736. }
  737. #GemCatalogCartOverlayGemDownloadBG {
  738. margin:0;
  739. padding: 0px;
  740. background-color: #444444;
  741. }
  742. #adjustableHeaderWidget QHeaderView::section {
  743. background-color: transparent;
  744. }
  745. #GemCatalogHeaderShowCountLabel {
  746. font-size: 12px;
  747. font: italic;
  748. color: #FFFFFF;
  749. }
  750. #GemCatalogListView {
  751. background-color: #333333;
  752. }
  753. #GemDependenciesDialog QLabel {
  754. margin-bottom:10px;
  755. }
  756. #GemDependenciesDialog QCheckBox {
  757. background-color: #333333;
  758. border-radius: 3px;
  759. spacing:3px;
  760. margin-right:5px;
  761. padding:4px;
  762. margin-top:5px;
  763. }
  764. #GemCatalogInspector QPushButton,
  765. #gemCatalogUninstallGemButton
  766. {
  767. qproperty-flat: true;
  768. min-height:24px;
  769. max-height:24px;
  770. border-radius: 3px;
  771. text-align:center;
  772. font-size:12px;
  773. font-weight:600;
  774. }
  775. /************** Filter Tag widget **************/
  776. #FilterTagWidgetTextLabel {
  777. color: #94D2FF;
  778. font-size: 10px;
  779. }
  780. #TagWidget {
  781. background-color: #333333;
  782. padding:3px;
  783. font-size:12px;
  784. text-align:center;
  785. border-radius: 3px;
  786. }
  787. /************** Gems SubWidget **************/
  788. #gemSubWidgetTitleLabel {
  789. color: #FFFFFF;
  790. font-size: 16px;
  791. }
  792. #gemSubWidgetTextLabel {
  793. color: #DDDDDD;
  794. font-size: 10px;
  795. }
  796. /************** Gem Catalog (Inspector) **************/
  797. #GemCatalogInspector {
  798. background-color: #444444;
  799. }
  800. /* IMPORTANT DO NOT REMOVE min/max-width
  801. * FlowLayout inside TagWidgetContainer can provide
  802. * incorrect height when the width isn't static and the
  803. * tag widgets have padding (see #TagWidget)
  804. * resulting in bottom widgets getting cut off
  805. */
  806. #GemCatalogInspector #TagWidgetContainer {
  807. min-width:210px;
  808. max-width:210px;
  809. }
  810. #GemCatalogInspector QLabel {
  811. margin:0;
  812. }
  813. #GemCatalogInspector QLabel[class="title"] {
  814. font-size: 16px;
  815. }
  816. #GemCatalogInspector QLabel[class="label"] {
  817. min-width:50px;
  818. max-width:50px;
  819. }
  820. #GemCatalogVersion QPushButton {
  821. margin:5px 0 5px 0;
  822. }
  823. /************** Gem Catalog (Filter/left pane) **************/
  824. #GemCatalogFilterWidget {
  825. background-color: #444444;
  826. }
  827. #GemCatalogHeaderWidget {
  828. background-color: #1E252F;
  829. }
  830. #GemCatalogFilterCategoryTitle {
  831. font-size: 12px;
  832. font-weight: 600;
  833. color: #ffffff;
  834. }
  835. #GemCatalogFilterWidget #FilterByLabel {
  836. color: #ffffff;
  837. }
  838. #GemCatalogFilterWidget QLabel {
  839. color: #ffffff;
  840. }
  841. #GemCatalogFilterWidget #CountLabel {
  842. font-size: 12px;
  843. background-color: #333333;
  844. border-radius: 3px;
  845. color: #94D2FF;
  846. }
  847. #GemCatalogFilterWidget QCheckbox {
  848. color: #ffffff;
  849. font-size: 12px;
  850. }
  851. /************** Engine **************/
  852. #engineTab::tab-bar {
  853. left: 60px;
  854. }
  855. #engineTabBar::tab {
  856. height: 50px;
  857. background-color: transparent;
  858. font-weight: 400;
  859. font-size: 18px;
  860. min-width: 160px;
  861. }
  862. #engineTabBar::tab:selected {
  863. border-bottom: 3px solid #94D2FF;
  864. color: #94D2FF;
  865. font-weight: 600;
  866. }
  867. #engineTabBar::tab:hover {
  868. color: #94D2FF;
  869. font-weight: 600;
  870. }
  871. #engineTabBar::tab:pressed {
  872. color: #66bcfa;
  873. }
  874. #engineTopFrame {
  875. background-color:#1E252F;
  876. }
  877. /************** Gem Repo **************/
  878. #gemRepoHeaderLabel {
  879. font-size: 12px;
  880. }
  881. #gemRepoNoReposLabel {
  882. font-size: 16px;
  883. }
  884. #gemRepoHeaderRefreshButton {
  885. background-color: transparent;
  886. qproperty-flat: true;
  887. qproperty-iconSize: 14px;
  888. }
  889. #gemRepoAddButton {
  890. min-width:120px;
  891. max-width:120px;
  892. min-height:24px;
  893. max-height:24px;
  894. border-radius: 3px;
  895. text-align:center;
  896. font-size:12px;
  897. font-weight:600;
  898. }
  899. #gemRepoAddDialogInstructionTitleLabel {
  900. font-size:14px;
  901. font-weight:bold;
  902. }
  903. #gemRepoAddDialogWarningLabel {
  904. font-size:12px;
  905. font-style:italic;
  906. }
  907. #addGemRepoDialog #formFrame {
  908. margin-left:0px;
  909. }
  910. /************** Gem Repo Inspector **************/
  911. #gemRepoInspector {
  912. background: #444444;
  913. }
  914. #gemRepoInspector QLabel {
  915. margin:0;
  916. }
  917. /* IMPORTANT DO NOT REMOVE min/max-width
  918. * FlowLayout inside TagWidgetContainer can provide
  919. * incorrect height when the width isn't static and the
  920. * tag widgets have padding (see #TagWidget)
  921. * resulting in bottom widgets getting cut off
  922. */
  923. #gemRepoInspector #TagWidgetContainer {
  924. min-width:210px;
  925. max-width:210px;
  926. margin:0;
  927. }
  928. #gemRepoInspectorNameLabel {
  929. font-size: 18px;
  930. color: #FFFFFF;
  931. }
  932. #gemRepoInspectorBodyLabel {
  933. font-size: 12px;
  934. color: #DDDDDD;
  935. }
  936. #gemRepoInspectorAddInfoTitleLabel {
  937. font-size: 16px;
  938. color: #FFFFFF;
  939. }
  940. #gemRepoInspector QPushButton {
  941. qproperty-flat: true;
  942. min-height:24px;
  943. max-height:24px;
  944. border-radius: 3px;
  945. text-align:center;
  946. font-size:12px;
  947. font-weight:600;
  948. margin-top:10px;
  949. }
  950. /************** Download object dialogs **************/
  951. #addRemoteTemplateDialog #formFrame {
  952. margin-left: 0px;
  953. }
  954. #addRemoteProjectDialog #formFrame {
  955. margin-left: 0px;
  956. }