You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1038 lines
24 KiB

  1. /***************************************************************************************************
  2. *** Auto-Generated - Do not modify .uss File ***
  3. Only Modify Main.scss
  4. ***************************************************************************************************/
  5. #container {
  6. -unity-position: absolute;
  7. top: 0;
  8. left: 0;
  9. bottom: 0;
  10. right: 0;
  11. }
  12. .display-none {
  13. position: absolute;
  14. overflow: hidden;
  15. border-radius: 0;
  16. width: 0;
  17. height: 0;
  18. min-height: 0;
  19. max-height: 0;
  20. min-width: 0;
  21. max-width: 0;
  22. border-top-width: 0;
  23. border-left-width: 0;
  24. border-bottom-width: 0;
  25. border-right-width: 0;
  26. border-top-width: 0;
  27. border-left-width: 0;
  28. border-bottom-width: 0;
  29. border-right-width: 0;
  30. padding-top: 0;
  31. padding-left: 0;
  32. padding-bottom: 0;
  33. padding-right: 0;
  34. margin-top: 0;
  35. margin-left: 0;
  36. margin-bottom: 0;
  37. margin-right: 0;
  38. }
  39. .row, #detailListView .combo, #detailListView #detailView .detail #detailActions, #detailListView #detailView .detail .detailActions, #detailListView #detailView .detail .versionContainer {
  40. flex: 1 0 0;
  41. flex-direction: row;
  42. }
  43. .column, #detailListView .emptyArea, #detailListView #packageListGroup #listContainerOuter, #detailListView #packageListGroup #packageList, #detailListView #packageListGroup #listContainer, #detailListView #packageListGroup #listGroups, #detailListView #packageListGroup #scrollView {
  44. flex: 1 0 0;
  45. flex-direction: column;
  46. }
  47. .tag {
  48. border-top-width: 1;
  49. border-left-width: 1;
  50. border-bottom-width: 1;
  51. border-right-width: 1;
  52. padding-top: 1;
  53. padding-left: 3;
  54. padding-bottom: 1;
  55. padding-right: 3;
  56. font-size: 9;
  57. border-radius: 5;
  58. -unity-text-align: middle-center;
  59. border-color: #000000;
  60. color: #000000;
  61. }
  62. #toolbarContainer {
  63. flex: 0 0 auto;
  64. flex-direction: row;
  65. align-items: flex-start;
  66. height: 18;
  67. }
  68. #toolbarContainer #toolbarView {
  69. flex: 1 0 0;
  70. flex-direction: row;
  71. align-items: flex-start;
  72. background-image: resource("Builtin Skins/LightSkin/Images/Toolbar.png");
  73. margin-top: -1;
  74. -unity-slice-top: 1;
  75. -unity-slice-left: 1;
  76. -unity-slice-bottom: 1;
  77. -unity-slice-right: 1;
  78. }
  79. #toolbarContainer #toolbarView .toolbarButton {
  80. flex: 1 0 0;
  81. font-size: 9;
  82. -unity-text-align: middle-center;
  83. background-image: resource("Builtin Skins/LightSkin/Images/toolbar button.png");
  84. flex: 0 0 auto;
  85. padding-top: 0;
  86. padding-left: 0;
  87. padding-bottom: 0;
  88. padding-right: 0;
  89. -unity-slice-top: 4;
  90. -unity-slice-left: 6;
  91. -unity-slice-bottom: 4;
  92. -unity-slice-right: 6;
  93. margin-top: 0;
  94. margin-left: 0;
  95. margin-bottom: 0;
  96. margin-right: -1;
  97. padding-top: 0;
  98. padding-left: 5;
  99. padding-bottom: 0;
  100. padding-right: 5;
  101. height: 19;
  102. }
  103. #toolbarContainer #toolbarView .toolbarButton.display-none {
  104. position: absolute;
  105. border-radius: 0;
  106. width: 0;
  107. height: 0;
  108. min-height: 0;
  109. max-height: 0;
  110. min-width: 0;
  111. max-width: 0;
  112. border-top-width: 0;
  113. border-left-width: 0;
  114. border-bottom-width: 0;
  115. border-right-width: 0;
  116. min-width: 0;
  117. border-top-width: 0;
  118. border-left-width: 0;
  119. border-bottom-width: 0;
  120. border-right-width: 0;
  121. padding-top: 0;
  122. padding-left: 0;
  123. padding-bottom: 0;
  124. padding-right: 0;
  125. margin-top: 0;
  126. margin-left: 0;
  127. margin-bottom: 0;
  128. margin-right: 0;
  129. -unity-slice-top: 0;
  130. -unity-slice-left: 0;
  131. -unity-slice-bottom: 0;
  132. -unity-slice-right: 0;
  133. visibility: hidden;
  134. }
  135. #toolbarContainer #toolbarView .toolbarButton:hover {
  136. color: #000000;
  137. }
  138. #toolbarContainer #toolbarView .toolbarButton.space {
  139. margin-left: 7;
  140. }
  141. #toolbarContainer #toolbarView .toolbarButton.active {
  142. background-image: resource("Builtin Skins/LightSkin/Images/toolbar button act.png");
  143. }
  144. #toolbarContainer #toolbarView .toolbarButton.pulldown:active {
  145. background-image: resource("Builtin Skins/LightSkin/Images/toolbar button.png");
  146. }
  147. #toolbarContainer #toolbarView #toolbarLeft {
  148. flex: 0 0 auto;
  149. flex-direction: row;
  150. align-items: flex-start;
  151. }
  152. #toolbarContainer #toolbarView #toolbarRight {
  153. flex: 1 0 0;
  154. flex-direction: row;
  155. justify-content: flex-end;
  156. }
  157. #toolbarContainer #toolbarView #toolbarRight #toolbarSearch {
  158. flex: 1 0 0;
  159. height: 18;
  160. max-width: 500;
  161. flex-direction: row;
  162. margin-top: 0;
  163. margin-left: 0;
  164. margin-bottom: 0;
  165. margin-right: 5;
  166. }
  167. #searchContainer {
  168. flex: 1 0 0;
  169. flex-direction: row;
  170. align-items: center;
  171. justify-content: flex-start;
  172. height: 14;
  173. margin-top: 0;
  174. margin-left: 0;
  175. margin-bottom: 0;
  176. margin-right: 0;
  177. }
  178. #searchContainer #searchTextField {
  179. flex: 1 0 0;
  180. font-size: 9;
  181. background-image: resource("Builtin Skins/LightSkin/Images/toolbarsearch.png");
  182. margin-top: 2;
  183. margin-left: 5;
  184. margin-bottom: 1;
  185. margin-right: 5;
  186. padding-top: 2;
  187. padding-left: 17;
  188. padding-bottom: 1;
  189. padding-right: 17;
  190. -unity-slice-top: 1;
  191. -unity-slice-left: 14;
  192. -unity-slice-bottom: 1;
  193. -unity-slice-right: 0;
  194. height: 14;
  195. }
  196. #searchContainer #searchTextField:focus {
  197. background-image: resource("Builtin Skins/LightSkin/Images/toolbarsearch focused.png");
  198. }
  199. #searchContainer #searchTextField.placeholder {
  200. color: #6C6C6C;
  201. }
  202. #searchContainer #searchCancelButton {
  203. width: 14;
  204. height: 15;
  205. background-image: resource("Builtin Skins/LightSkin/Images/toolbarsearchCancelButtonOff.png");
  206. flex: 0 0 auto;
  207. padding-top: 0;
  208. padding-left: 0;
  209. padding-bottom: 0;
  210. padding-right: 0;
  211. -unity-slice-top: 4;
  212. -unity-slice-left: 6;
  213. -unity-slice-bottom: 4;
  214. -unity-slice-right: 6;
  215. -unity-slice-top: 1;
  216. -unity-slice-left: 0;
  217. -unity-slice-bottom: 1;
  218. -unity-slice-right: 14;
  219. margin-top: 3;
  220. margin-left: -10;
  221. margin-bottom: 2;
  222. margin-right: 0;
  223. padding-top: 0;
  224. padding-left: 0;
  225. padding-bottom: 0;
  226. padding-right: 0;
  227. border-top-width: 0;
  228. border-left-width: 0;
  229. border-bottom-width: 0;
  230. border-right-width: 0;
  231. }
  232. #searchContainer #searchCancelButton.display-none {
  233. position: absolute;
  234. border-radius: 0;
  235. width: 0;
  236. height: 0;
  237. min-height: 0;
  238. max-height: 0;
  239. min-width: 0;
  240. max-width: 0;
  241. border-top-width: 0;
  242. border-left-width: 0;
  243. border-bottom-width: 0;
  244. border-right-width: 0;
  245. min-width: 0;
  246. border-top-width: 0;
  247. border-left-width: 0;
  248. border-bottom-width: 0;
  249. border-right-width: 0;
  250. padding-top: 0;
  251. padding-left: 0;
  252. padding-bottom: 0;
  253. padding-right: 0;
  254. margin-top: 0;
  255. margin-left: 0;
  256. margin-bottom: 0;
  257. margin-right: 0;
  258. -unity-slice-top: 0;
  259. -unity-slice-left: 0;
  260. -unity-slice-bottom: 0;
  261. -unity-slice-right: 0;
  262. visibility: hidden;
  263. }
  264. #searchContainer #searchCancelButton:hover {
  265. color: #000000;
  266. }
  267. #searchContainer #searchCancelButton.on {
  268. background-image: resource("Builtin Skins/LightSkin/Images/toolbarsearchCancelButton.png");
  269. }
  270. #searchContainer #searchCancelButton:active {
  271. background-image: resource("Builtin Skins/LightSkin/Images/toolbarsearchCancelButtonActive.png");
  272. }
  273. #detailListView {
  274. flex: 1 0 0;
  275. flex-direction: row;
  276. }
  277. #detailListView .link {
  278. color: #0808FC;
  279. background: rgba(0, 0, 0, 0);
  280. background-image: none;
  281. margin-top: 0;
  282. margin-left: 0;
  283. margin-bottom: 0;
  284. margin-right: 0;
  285. padding-top: 0;
  286. padding-left: 0;
  287. padding-bottom: 0;
  288. padding-right: 0;
  289. cursor: link;
  290. }
  291. #detailListView .emptyArea {
  292. flex: 1 0 0;
  293. }
  294. #detailListView .emptyArea .title {
  295. -unity-text-align: middle-center;
  296. font-size: 14;
  297. }
  298. #detailListView .emptyArea .loading {
  299. -unity-position: relative;
  300. top: 7;
  301. left: 7;
  302. border-top-width: 0;
  303. border-left-width: 0;
  304. border-bottom-width: 0;
  305. border-right-width: 0;
  306. padding-top: 0;
  307. padding-left: 0;
  308. padding-bottom: 0;
  309. padding-right: 0;
  310. margin-top: 0;
  311. margin-left: 0;
  312. margin-bottom: 0;
  313. margin-right: 0;
  314. -unity-slice-top: 0;
  315. -unity-slice-left: 0;
  316. -unity-slice-bottom: 0;
  317. -unity-slice-right: 0;
  318. width: 14;
  319. height: 14;
  320. max-width: 14;
  321. max-height: 14;
  322. }
  323. #detailListView #headerTitle {
  324. flex: 1 0 0;
  325. font-size: 12;
  326. -unity-font-style: bold;
  327. color: #000000;
  328. }
  329. #detailListView #headerCaret {
  330. flex: 0 0 auto;
  331. font-size: 12;
  332. -unity-font-style: bold;
  333. color: #000000;
  334. min-width: 16;
  335. }
  336. #detailListView #spinnerContainer {
  337. -unity-position: absolute;
  338. top: 3;
  339. left: 2;
  340. right: 0;
  341. width: 14;
  342. flex: 0.1 0 0;
  343. flex-direction: column;
  344. align-items: center;
  345. }
  346. #detailListView .loading {
  347. -unity-position: relative;
  348. top: 7;
  349. left: 7;
  350. border-top-width: 0;
  351. border-left-width: 0;
  352. border-bottom-width: 0;
  353. border-right-width: 0;
  354. padding-top: 0;
  355. padding-left: 0;
  356. padding-bottom: 0;
  357. padding-right: 0;
  358. margin-top: 0;
  359. margin-left: 0;
  360. margin-bottom: 0;
  361. margin-right: 0;
  362. -unity-slice-top: 0;
  363. -unity-slice-left: 0;
  364. -unity-slice-bottom: 0;
  365. -unity-slice-right: 0;
  366. width: 14;
  367. height: 14;
  368. max-width: 14;
  369. max-height: 14;
  370. }
  371. #detailListView .combo {
  372. margin-top: 3;
  373. margin-left: 3;
  374. margin-bottom: 3;
  375. margin-right: 3;
  376. padding-top: 3;
  377. padding-left: 3;
  378. padding-bottom: 3;
  379. padding-right: 3;
  380. }
  381. #detailListView .combo .popup {
  382. padding-top: 0;
  383. padding-left: 8;
  384. padding-bottom: 0;
  385. padding-right: 0;
  386. margin-top: 0;
  387. margin-left: 0;
  388. margin-bottom: 0;
  389. margin-right: 0;
  390. border-top-width-left-radius: 0;
  391. border-bottom-width-left-radius: 0;
  392. }
  393. #detailListView .combo .button {
  394. flex: 1 0 0;
  395. font-size: 12;
  396. border-top-width: 0;
  397. border-left-width: 0;
  398. border-bottom-width: 0;
  399. border-right-width: 0;
  400. margin-top: 0;
  401. margin-left: 0;
  402. margin-bottom: 0;
  403. margin-right: 0;
  404. padding-top: 2;
  405. padding-left: 6;
  406. padding-bottom: 3;
  407. padding-right: 6;
  408. -unity-slice-top: 4;
  409. -unity-slice-left: 1;
  410. -unity-slice-bottom: 4;
  411. -unity-slice-right: 1;
  412. -unity-text-align: middle-center;
  413. border-left-width: 0;
  414. border-top-width: 0;
  415. border-right-width: 0;
  416. border-bottom-width: 0;
  417. background-image: resource("Builtin Skins/LightSkin/Images/btn mid.png");
  418. border-top-width-right-radius: 0;
  419. border-bottom-width-right-radius: 0;
  420. border-top-width-left-radius: 0;
  421. border-bottom-width-left-radius: 0;
  422. }
  423. #detailListView .combo .button.selected {
  424. background-image: resource("Builtin Skins/LightSkin/Images/btn mid on.png");
  425. color: #f4f4f4;
  426. }
  427. #detailListView .combo .button.first {
  428. -unity-slice-top: 4;
  429. -unity-slice-left: 6;
  430. -unity-slice-bottom: 4;
  431. -unity-slice-right: 6;
  432. background-image: resource("Builtin Skins/LightSkin/Images/btn left.png");
  433. }
  434. #detailListView .combo .button.first.selected {
  435. background-image: resource("Builtin Skins/LightSkin/Images/btn left on.png");
  436. }
  437. #detailListView .combo .button.last {
  438. -unity-slice-top: 4;
  439. -unity-slice-left: 6;
  440. -unity-slice-bottom: 4;
  441. -unity-slice-right: 6;
  442. background-image: resource("Builtin Skins/LightSkin/Images/btn right.png");
  443. }
  444. #detailListView .combo .button.last.selected {
  445. background-image: resource("Builtin Skins/LightSkin/Images/btn right on.png");
  446. }
  447. #detailListView .combo .button.small {
  448. flex: 0.5 0 0;
  449. padding-top: 0;
  450. padding-left: 0;
  451. padding-bottom: 0;
  452. padding-right: 0;
  453. }
  454. #detailListView #packageListGroup {
  455. width: 270;
  456. }
  457. #detailListView #packageListGroup #groupContainerOuter #headerContainer {
  458. flex: 1 0 0;
  459. flex-direction: row;
  460. align-items: center;
  461. border-color: rgba(0, 0, 0, 0.5);
  462. }
  463. #detailListView #packageListGroup #groupContainerOuter #headerContainer #headerTitle {
  464. height: 0;
  465. margin-top: 0;
  466. margin-left: 0;
  467. margin-bottom: 0;
  468. margin-right: 0;
  469. padding-top: 0;
  470. padding-left: 0;
  471. padding-bottom: 0;
  472. padding-right: 0;
  473. border-top-width: 0;
  474. border-left-width: 0;
  475. border-bottom-width: 0;
  476. border-right-width: 0;
  477. }
  478. #detailListView #packageListGroup #groupContainerOuter #groupContainer {
  479. margin-top: 0;
  480. margin-left: 0;
  481. margin-bottom: 0;
  482. margin-right: 0;
  483. }
  484. #detailListView #packageListGroup #scrollView #VerticalScroller {
  485. bottom: 0;
  486. }
  487. #detailListView #packageListGroup #scrollView #HorizontalScroller {
  488. height: 0;
  489. }
  490. #detailListView #packageListGroup #scrollView #ContentViewport {
  491. bottom: 0;
  492. }
  493. #detailListView #packageListGroup #scrollView #ContentViewport #ContentView {
  494. right: 0;
  495. left: 0;
  496. }
  497. #detailListView #packageListGroup #noResult #noResultText {
  498. -unity-word-wrap: true;
  499. }
  500. #detailListView .package {
  501. flex: 1 0 0;
  502. flex-direction: row;
  503. align-items: center;
  504. margin-top: 0;
  505. margin-left: 0;
  506. margin-bottom: 0;
  507. margin-right: 0;
  508. border-color: rgba(0, 0, 0, 0.5);
  509. border-bottom-width: 1;
  510. }
  511. #detailListView .package.selected {
  512. background-color: #3e7de7;
  513. color: #f4f4f4;
  514. }
  515. #detailListView .package.selected #packageName, #detailListView .package.selected #packageVersion {
  516. color: #f4f4f4;
  517. }
  518. #detailListView .package .status {
  519. flex: 0 0 14;
  520. width: 14;
  521. height: 14;
  522. margin-left: 2;
  523. margin-right: 0;
  524. }
  525. #detailListView .package .status.installed {
  526. background-image: resource("Builtin Skins/LightSkin/Images/MenuItemOn.png");
  527. }
  528. #detailListView .package .status.installed.no-icon {
  529. background-image: none;
  530. }
  531. #detailListView .package .status.outdated {
  532. background-image: resource("Images/Light/download");
  533. }
  534. #detailListView .package .status.outdated.no-icon {
  535. background-image: none;
  536. }
  537. #detailListView .package .status.inprogress {
  538. background-image: none;
  539. }
  540. #detailListView .package .status.error {
  541. background-image: resource("Images/Dark/error");
  542. }
  543. #detailListView .package .name {
  544. flex: 1 0 0;
  545. font-size: 12;
  546. margin-left: 0;
  547. margin-right: 5;
  548. overflow: hidden;
  549. }
  550. #detailListView .package .version {
  551. flex: 0 0 auto;
  552. margin-left: 0;
  553. margin-right: 5;
  554. font-size: 9;
  555. }
  556. #detailListView #detailsGroup {
  557. flex: 1 0 0;
  558. border-left-width: 1px;
  559. border-color: rgba(0, 0, 0, 0.5);
  560. }
  561. #detailListView #detailsGroup #detailsContainer {
  562. flex: 1 0 0;
  563. flex-direction: column;
  564. -unity-position: relative;
  565. }
  566. #detailListView #detailView {
  567. flex: 1 0 0;
  568. }
  569. #detailListView #detailView #VerticalScroller {
  570. bottom: 0;
  571. }
  572. #detailListView #detailView #ContentViewport #ContentView {
  573. -unity-position: absolute;
  574. top: 0;
  575. left: 0;
  576. right: 0;
  577. }
  578. #detailListView #detailView .detail {
  579. flex: 1 0 0;
  580. flex-direction: column;
  581. padding-top: 5;
  582. padding-left: 5;
  583. padding-bottom: 5;
  584. padding-right: 5;
  585. }
  586. #detailListView #detailView .detail .header {
  587. flex: 1 0 0;
  588. flex-direction: row;
  589. align-items: flex-start;
  590. margin-bottom: 8;
  591. }
  592. #detailListView #detailView .detail .header #titleContainer {
  593. flex: 0.9 0 0;
  594. }
  595. #detailListView #detailView .detail .header #titleContainer #detailTitle {
  596. font-size: 18;
  597. -unity-font-style: bold;
  598. -unity-word-wrap: true;
  599. margin-top: 0;
  600. margin-left: 4;
  601. margin-bottom: 0;
  602. margin-right: 0;
  603. }
  604. #detailListView #detailView .detail .header #detailsControls {
  605. flex: 1 0 0;
  606. height: 19;
  607. flex-direction: row;
  608. align-items: center;
  609. flex-wrap: wrap;
  610. margin-top: 3;
  611. margin-left: 0;
  612. margin-bottom: 0;
  613. margin-right: 0;
  614. }
  615. #detailListView #detailView .detail .header #updateCombo {
  616. flex: 1 0 0;
  617. height: 19;
  618. align-items: center;
  619. margin-top: 0;
  620. margin-left: 0;
  621. margin-bottom: 0;
  622. margin-right: 0;
  623. padding-top: 0;
  624. padding-left: 0;
  625. padding-bottom: 0;
  626. padding-right: 0;
  627. }
  628. #detailListView #detailView .detail .header #updateCombo #update {
  629. flex: 0 0 auto;
  630. }
  631. #detailListView #detailView .detail .header #updateCombo #updateDropdownContainer {
  632. min-width: 65;
  633. max-width: 150;
  634. height: 19;
  635. flex: 0 0 auto;
  636. }
  637. #detailListView #detailView .detail .header #updateCombo #updateDropdownContainer .popup {
  638. font-size: 12;
  639. height: 19;
  640. }
  641. #detailListView #detailView .detail .header #updateCombo #updateDropdownContainer .popup:focus {
  642. background-image: resource("Builtin Skins/LightSkin/Images/mini popup.png");
  643. }
  644. #detailListView #detailView .detail .header #updateCombo #updateDropdownContainer .popup:hover .textElement {
  645. color: #000000;
  646. }
  647. #detailListView #detailView .detail .header #updateCombo #updateDropdownContainer .popup .textElement {
  648. margin-top: 2;
  649. }
  650. #detailListView #detailView .detail .header #updateCombo .action {
  651. flex: 0 0 auto;
  652. margin-top: 0;
  653. margin-left: 0;
  654. margin-bottom: 0;
  655. margin-right: 0;
  656. font-size: 12;
  657. padding-top: 2;
  658. padding-left: 4;
  659. padding-bottom: 3;
  660. padding-right: 4;
  661. right: -3;
  662. }
  663. #detailListView #detailView .detail .header #updateCombo .action:hover {
  664. color: #000000;
  665. }
  666. #detailListView #detailView .detail .header #updateContainer {
  667. height: 19;
  668. flex: 1 0 0;
  669. align-items: flex-end;
  670. padding-top: 0;
  671. padding-left: 0;
  672. padding-bottom: 0;
  673. padding-right: 0;
  674. }
  675. #detailListView #detailView .detail .header .button {
  676. height: 19;
  677. font-size: 12;
  678. flex: 0 0 auto;
  679. padding-top: 3;
  680. padding-left: 3;
  681. padding-bottom: 4;
  682. padding-right: 3;
  683. -unity-slice-top: 4;
  684. -unity-slice-left: 6;
  685. -unity-slice-bottom: 4;
  686. -unity-slice-right: 6;
  687. }
  688. #detailListView #detailView .detail .header .button.display-none {
  689. position: absolute;
  690. border-radius: 0;
  691. width: 0;
  692. height: 0;
  693. min-height: 0;
  694. max-height: 0;
  695. min-width: 0;
  696. max-width: 0;
  697. border-top-width: 0;
  698. border-left-width: 0;
  699. border-bottom-width: 0;
  700. border-right-width: 0;
  701. min-width: 0;
  702. border-top-width: 0;
  703. border-left-width: 0;
  704. border-bottom-width: 0;
  705. border-right-width: 0;
  706. padding-top: 0;
  707. padding-left: 0;
  708. padding-bottom: 0;
  709. padding-right: 0;
  710. margin-top: 0;
  711. margin-left: 0;
  712. margin-bottom: 0;
  713. margin-right: 0;
  714. -unity-slice-top: 0;
  715. -unity-slice-left: 0;
  716. -unity-slice-bottom: 0;
  717. -unity-slice-right: 0;
  718. visibility: hidden;
  719. }
  720. #detailListView #detailView .detail .header .button:hover {
  721. color: #000000;
  722. }
  723. #detailListView #detailView .detail #detailVersion {
  724. font-size: 16;
  725. max-height: 30;
  726. }
  727. #detailListView #detailView .detail #detailName {
  728. flex: 1 0 0;
  729. max-height: 20;
  730. -unity-font-style: italic;
  731. }
  732. #detailListView #detailView .detail #detailPackageStatus {
  733. flex: 1 0 0;
  734. -unity-font-style: bold;
  735. -unity-word-wrap: true;
  736. }
  737. #detailListView #detailView .detail #detailTag {
  738. width: 60;
  739. font-size: 12;
  740. border-radius: 5;
  741. border-color: #b4b4b4;
  742. border-top-width: 2;
  743. border-left-width: 2;
  744. border-bottom-width: 2;
  745. border-right-width: 2;
  746. -unity-text-align: middle-center;
  747. }
  748. #detailListView #detailView .detail #detailDesc, #detailListView #detailView .detail #detailModuleReference {
  749. flex: 1 0 0;
  750. font-size: 12;
  751. -unity-word-wrap: true;
  752. }
  753. #detailListView #detailView .detail #detailDesc.empty, #detailListView #detailView .detail #detailModuleReference.empty {
  754. -unity-font-style: italic;
  755. }
  756. #detailListView #detailView .detail #detailAuthor {
  757. flex: 1 0 0;
  758. font-size: 12;
  759. -unity-word-wrap: true;
  760. }
  761. #detailListView #detailView .detail #detailCategory {
  762. flex: 1 0 0;
  763. font-size: 12;
  764. -unity-word-wrap: true;
  765. margin-bottom: 5;
  766. }
  767. #detailListView #detailView .detail #changeLogContainer, #detailListView #detailView .detail #viewLicensesContainer {
  768. flex: 0 0 auto;
  769. flex-direction: row;
  770. }
  771. #detailListView #detailView .detail #detailActions, #detailListView #detailView .detail .detailActions {
  772. flex: 0 0 auto;
  773. flex-direction: row;
  774. margin-left: 2;
  775. }
  776. #detailListView #detailView .detail #detailActions .detailAction, #detailListView #detailView .detail .detailActions .detailAction {
  777. margin-left: 0;
  778. margin-right: 0;
  779. padding-left: 2;
  780. padding-right: 2;
  781. border-left-width: 2;
  782. border-right-width: 2;
  783. }
  784. #detailListView #detailView .detail #detailActions .detailActionSeparator, #detailListView #detailView .detail .detailActions .detailActionSeparator {
  785. margin-left: 0;
  786. margin-right: 0;
  787. padding-left: 0;
  788. padding-right: 0;
  789. border-left-width: 0;
  790. border-right-width: 0;
  791. }
  792. #detailListView #detailView .detail #detailActions #thirdPartyNoticeLabel, #detailListView #detailView .detail .detailActions #thirdPartyNoticeLabel {
  793. margin-top: 4;
  794. margin-left: 0;
  795. margin-bottom: 4;
  796. margin-right: 0;
  797. padding-top: 0;
  798. padding-left: 0;
  799. padding-bottom: 0;
  800. padding-right: 0;
  801. -unity-word-wrap: true;
  802. }
  803. #detailListView #detailView .detail #detailActions #viewThirdParty, #detailListView #detailView .detail .detailActions #viewThirdParty {
  804. border-right-width: 0;
  805. }
  806. #detailListView #detailView .detail .versionContainer {
  807. align-items: center;
  808. justify-content: flex-start;
  809. }
  810. #detailListView #detailView .detail .versionContainer #detailVersion {
  811. flex: 0 0 auto;
  812. }
  813. #detailListView #detailView .detail .tag {
  814. border-color: #d25a00;
  815. color: #d25a00;
  816. }
  817. #detailListView #detailView .detail .tag.verified {
  818. border-color: #000;
  819. color: #000;
  820. }
  821. #detailListView #detailView .detail .tagLine {
  822. flex: 0 0 auto;
  823. flex-direction: row;
  824. }
  825. #detailListView #detailError {
  826. -unity-position: absolute;
  827. top: 5;
  828. left: 5;
  829. right: 5;
  830. min-height: 200;
  831. -unity-word-wrap: true;
  832. }
  833. #detailListView #detailError.display-none {
  834. top: 0;
  835. left: 0;
  836. bottom: 0;
  837. right: 0;
  838. width: 0;
  839. height: 0;
  840. min-height: 0;
  841. max-height: 0;
  842. border-top-width: 0;
  843. border-left-width: 0;
  844. border-bottom-width: 0;
  845. border-right-width: 0;
  846. padding-top: 0;
  847. padding-left: 0;
  848. padding-bottom: 0;
  849. padding-right: 0;
  850. margin-top: 0;
  851. margin-left: 0;
  852. margin-bottom: 0;
  853. margin-right: 0;
  854. }
  855. #detailListView #packageStatusBar {
  856. -unity-position: relative;
  857. flex: 0 0 auto;
  858. margin-top: 2;
  859. margin-left: 0;
  860. margin-bottom: 0;
  861. margin-right: 0;
  862. border-color: rgba(0, 0, 0, 0.5);
  863. border-top-width: 1;
  864. border-left-width: 0;
  865. border-bottom-width: 0;
  866. border-right-width: 0;
  867. }
  868. #detailListView #statusBarContainer {
  869. flex-direction: row;
  870. align-items: center;
  871. justify-content: space-between;
  872. }
  873. #detailListView #statusBarContainer #loadingContainer {
  874. flex-direction: row;
  875. align-items: center;
  876. justify-content: flex-start;
  877. margin-left: 2;
  878. }
  879. #detailListView #statusBarContainer #loadingContainer #loadingIcon {
  880. background-image: resource("Images/Dark/error");
  881. width: 16;
  882. height: 16;
  883. margin-left: -12;
  884. margin-right: 0;
  885. }
  886. #detailListView #statusBarContainer #loadingContainer #loadingText {
  887. padding-left: 2;
  888. -unity-font-style: italic;
  889. }
  890. #detailListView #statusBarContainer #loadingContainer #loadingText.icon {
  891. margin-left: 0;
  892. }
  893. #detailListView #statusBarContainer #moreAddOptionsButton {
  894. font-size: 16;
  895. background-image: none;
  896. margin-top: 0;
  897. margin-left: 0;
  898. margin-bottom: -2;
  899. margin-right: 0;
  900. padding-top: 3;
  901. padding-left: 6;
  902. padding-bottom: 6;
  903. padding-right: 6;
  904. border-color: rgba(0, 0, 0, 0.5);
  905. border-top-width: 0;
  906. border-left-width: 1;
  907. border-bottom-width: 0;
  908. border-right-width: 0;
  909. }
  910. #detailListView #packageAddFromUrlField {
  911. -unity-position: absolute;
  912. top: -35;
  913. left: 0;
  914. bottom: 0;
  915. right: 0;
  916. }
  917. #detailListView #addFromUrlFieldContainer {
  918. border-color: rgba(0, 0, 0, 0.5);
  919. border-top-width: 1;
  920. border-left-width: 0;
  921. border-bottom-width: 1;
  922. border-right-width: 0;
  923. flex-direction: row;
  924. justify-content: space-between;
  925. align-items: center;
  926. height: 35;
  927. background-color: #c2c2c2;
  928. }
  929. #detailListView #addFromUrlFieldContainer #urlTextField {
  930. flex: 1 0 0;
  931. height: 20;
  932. -unity-text-align: middle-left;
  933. }
  934. #detailListView #addFromUrlFieldContainer #addFromUrlButton {
  935. flex: 0 0 auto;
  936. height: 20;
  937. }
  938. .alert {
  939. background-color: rgba(200, 0, 0, 0.8);
  940. border-color: #FF0000;
  941. flex-direction: row;
  942. border-top-width: 1;
  943. border-left-width: 1;
  944. border-bottom-width: 1;
  945. border-right-width: 1;
  946. padding-top: 5;
  947. padding-left: 10;
  948. padding-bottom: 5;
  949. padding-right: 10;
  950. }
  951. .alert #alertMessage {
  952. flex: 1 0 0;
  953. color: #f4f4f4;
  954. -unity-word-wrap: true;
  955. overflow: hidden;
  956. }
  957. .alert #close {
  958. flex: 0 0 auto;
  959. max-height: 30;
  960. left: 5;
  961. flex: 0 0 auto;
  962. padding-top: 3;
  963. padding-left: 3;
  964. padding-bottom: 4;
  965. padding-right: 3;
  966. -unity-slice-top: 4;
  967. -unity-slice-left: 6;
  968. -unity-slice-bottom: 4;
  969. -unity-slice-right: 6;
  970. }
  971. .alert #close.display-none {
  972. position: absolute;
  973. border-radius: 0;
  974. width: 0;
  975. height: 0;
  976. min-height: 0;
  977. max-height: 0;
  978. min-width: 0;
  979. max-width: 0;
  980. border-top-width: 0;
  981. border-left-width: 0;
  982. border-bottom-width: 0;
  983. border-right-width: 0;
  984. min-width: 0;
  985. border-top-width: 0;
  986. border-left-width: 0;
  987. border-bottom-width: 0;
  988. border-right-width: 0;
  989. padding-top: 0;
  990. padding-left: 0;
  991. padding-bottom: 0;
  992. padding-right: 0;
  993. margin-top: 0;
  994. margin-left: 0;
  995. margin-bottom: 0;
  996. margin-right: 0;
  997. -unity-slice-top: 0;
  998. -unity-slice-left: 0;
  999. -unity-slice-bottom: 0;
  1000. -unity-slice-right: 0;
  1001. visibility: hidden;
  1002. }
  1003. .alert #close:hover {
  1004. color: #000000;
  1005. }
  1006. .spinner {
  1007. flex: 0 0 auto;
  1008. top: -7;
  1009. left: -7;
  1010. min-width: 14;
  1011. min-height: 14;
  1012. max-width: 14;
  1013. max-height: 14;
  1014. background-image: resource("Images/Light/loading");
  1015. }
  1016. .largeSpinner {
  1017. flex: 0 0 auto;
  1018. top: -16;
  1019. left: -16;
  1020. min-width: 32;
  1021. min-height: 32;
  1022. max-width: 32;
  1023. max-height: 32;
  1024. background-image: resource("Images/Light/loading");
  1025. }