API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 5th, 2019
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.10 KB | None | 0 0
raw download clone embed print report
  1. * {
  2. padding: 0;
  3. margin: 0;
  4. font-family: 'Signika', sans-serif;
  5. text-transform: uppercase;
  6. color: white;
  7. font-weight: bold;
  8. }
  9.  
  10. body {
  11. background-color: transparent !important;
  12. overflow: hidden
  13. }
  14.  
  15. body .ui {
  16. position: relative;
  17. left: 0;
  18. top: 0;
  19. width: 100vw;
  20. height: 100vh;
  21. background-color: rgba(17, 15, 48, 0.185);
  22. z-index: 0;
  23. overflow: hidden;
  24. display: none
  25. }
  26.  
  27.  
  28. body .ui .close-ui {
  29. padding: 25px;
  30. float: right;
  31. font-size: 35px;
  32. color: #414141
  33. }
  34.  
  35. body .ui .close-ui:hover {
  36. filter: brightness(0.75);
  37. transition: all ease-in 0.15s
  38. }
  39.  
  40. body .ui .inventory {
  41. position: absolute;
  42. left: 50%;
  43. top: 50%;
  44. transform: translate(-50%, -50%);
  45. width: fit-content;
  46. min-width: 80%;
  47. max-width: 80%;
  48. height: 60%;
  49.  
  50. }
  51.  
  52. body .ui .inventory .inventory-wrapper {
  53. display: inline-block;
  54. height: 100%;
  55. width: 40%;
  56. overflow: visible;
  57. position: absolute;
  58. left: 0
  59. }
  60.  
  61. body .ui .inventory .inventory-wrapper:last-child {
  62. right: 0;
  63. left: auto
  64. }
  65.  
  66. body .ui .inventory .inventory-wrapper #inventoryOne,
  67. body .ui .inventory .inventory-wrapper #inventoryTwo {
  68. height: 95.5%;
  69. overflow-y: auto;
  70. overflow-x: hidden;
  71. display: grid;
  72. grid-template-columns: 18.35% 18.35% 18.35% 18.35% 18.35%;
  73. grid-gap: 0.3%;
  74. width: 100.5%;
  75. min-width: 100.5%;
  76. grid-auto-rows: 20%
  77.  
  78. }
  79.  
  80.  
  81. body .ui .inventory .inventory-wrapper .inv-label {
  82. font-size: 25px;
  83. width: 100%
  84. }
  85.  
  86. body .ui .inventory .inventory-wrapper .inv-id {
  87. text-align: left;
  88. font-size: 12px
  89. }
  90.  
  91. body .ui .inventory .inventory-wrapper .inv-slots {
  92. position: absolute;
  93. bottom: 0
  94. }
  95.  
  96. body .ui .inventory .inventory-wrapper .left-data {
  97. width: 100%;
  98. display: flex;
  99. position: absolute;
  100. top: -60px;
  101. text-transform: none !important;
  102. flex-direction: row-reverse;
  103. flex-wrap: wrap;
  104. justify-content: flex-end
  105. }
  106.  
  107. body .ui .inventory .inventory-wrapper .left-data .inv-id {
  108. text-align: left
  109. }
  110.  
  111. body .ui .inventory .inventory-wrapper .left-data .inv-slots {
  112. right: 0
  113. }
  114.  
  115. body .ui .inventory .inventory-wrapper .left-data .inv-weight {
  116. text-align: center
  117. }
  118.  
  119. body .ui .inventory .inventory-wrapper .right-data {
  120. width: 100%;
  121. display: flex;
  122. position: absolute;
  123. top: -60px;
  124. padding-left: 5px;
  125. text-transform: none !important;
  126. flex-direction: row-reverse;
  127. flex-wrap: wrap;
  128. right: 0;
  129. justify-content: flex-start
  130. }
  131.  
  132. body .ui .inventory .inventory-wrapper .right-data .inv-label {
  133. text-align: right
  134. }
  135.  
  136. body .ui .inventory .inventory-wrapper .right-data .inv-slots {
  137. left: 0;
  138. margin-right: auto
  139. }
  140.  
  141. body .ui .inventory #controls {
  142. display: inline-block;
  143. width: 20%;
  144. height: 100%;
  145. position: absolute;
  146. left: 0;
  147. right: 0;
  148. margin-left: auto;
  149. margin-right: auto
  150. }
  151.  
  152.  
  153. body .ui .inventory #controls .info-div .ammoIcon {
  154. width: 10px;
  155. height: 10px
  156. }
  157.  
  158. body .ui .inventory #controls .info-div .moneyIcon {
  159. width: 15px;
  160. height: 15px
  161. }
  162.  
  163. body .ui .inventory #controls .hidden {
  164. display: none
  165. }
  166.  
  167. body .ui .inventory #controls .controls-div {
  168. position: absolute;
  169. left: 50%;
  170. font-size: 14px;
  171. top: 50%;
  172. transform: translate(-50%, -50%);
  173. width: 50%
  174. }
  175.  
  176. body .ui .inventory #controls .controls-div .control {
  177. width: 100%;
  178. height: 65px;
  179. background-color: rgba(50, 50, 50, 0.5);
  180. border: 1px solid rgba(37, 37, 37, 0.781);
  181. margin-bottom: 2px;
  182. text-align: center;
  183. vertical-align: middle;
  184. line-height: 65px;
  185. }
  186.  
  187.  
  188. body .ui .inventory #controls .controls-div .control:last-child {
  189. margin-bottom: 0
  190. }
  191.  
  192. body .ui .inventory #controls .controls-div .control.hover {
  193. transition: all ease-in 0.15s;
  194. filter: brightness(60%)
  195. }
  196.  
  197. body .ui .inventory #controls .controls-div .control.disabled {
  198. background-color: rgba(150, 54, 54, 0.81) !important;
  199. transition: all ease-in 0.15s
  200. }
  201.  
  202. body .ui .inventory #controls .controls-div #count {
  203. outline: none;
  204. font-size: 15px
  205. }
  206.  
  207. body .ui .inventory #controls .tooltip-div,
  208. body .ui .inventory #controls .weight-div {
  209. display: none;
  210. text-align: center;
  211. padding: 10px;
  212. background-color: rgba(50, 50, 50, 0.5);
  213. border: 1px solid rgba(37, 37, 37, 0.781);
  214. width: 65%;
  215. position: absolute;
  216. left: 50%;
  217. bottom: 0;
  218. transform: translate(-50%, -50%);
  219. }
  220.  
  221. body .ui .inventory #controls .tooltip-div hr,
  222. body .ui .inventory #controls .weight-div hr {
  223. border: none;
  224. margin: 10px
  225. }
  226.  
  227. body .ui .inventory #controls .tooltip-div .tooltip-name,
  228. body .ui .inventory #controls .weight-div .tooltip-name {
  229. font-size: 10px
  230. }
  231.  
  232. body .ui .inventory #controls .tooltip-div .tooltip-uniqueness,
  233. body .ui .inventory #controls .tooltip-div .tooltip-meta,
  234. body .ui .inventory #controls .weight-div .tooltip-uniqueness,
  235. body .ui .inventory #controls .weight-div .tooltip-meta {
  236. font-size: 10px
  237. }
  238.  
  239. body .ui .inventory #controls .tooltip-div .tooltip-uniqueness .meta-key,
  240. body .ui .inventory #controls .tooltip-div .tooltip-uniqueness .meta-val,
  241. body .ui .inventory #controls .tooltip-div .tooltip-meta .meta-key,
  242. body .ui .inventory #controls .tooltip-div .tooltip-meta .meta-val,
  243. body .ui .inventory #controls .weight-div .tooltip-uniqueness .meta-key,
  244. body .ui .inventory #controls .weight-div .tooltip-uniqueness .meta-val,
  245. body .ui .inventory #controls .weight-div .tooltip-meta .meta-key,
  246. body .ui .inventory #controls .weight-div .tooltip-meta .meta-val {
  247. display: inline-block
  248. }
  249.  
  250. body .ui .inventory #controls .tooltip-div .tooltip-desc,
  251. body .ui .inventory #controls .weight-div .tooltip-desc {
  252. font-size: 10px
  253. }
  254.  
  255. body .ui .inventory #controls .tooltip-div .tooltip-weight,
  256. body .ui .inventory #controls .weight-div .tooltip-weight {
  257. font-size: 10px
  258. }
  259.  
  260. body .ui input::-webkit-outer-spin-button,
  261. body .ui input::-webkit-inner-spin-button {
  262. -webkit-appearance: none;
  263. margin: 0
  264. }
  265.  
  266. body .ui input[type=number] {
  267. -moz-appearance: textfield
  268. }
  269.  
  270. body .ui .slot {
  271. float: left;
  272. background-color: rgba(50, 50, 50, 0.5);
  273. position: relative;
  274. border: 1px solid rgba(37, 37, 37, 0.781);
  275. transition: filter ease-in 0.15s;
  276. overflow: hidden
  277. }
  278.  
  279. body .ui .slot.slot-template {
  280. display: none
  281. }
  282.  
  283. body .ui .slot:hover {
  284. filter: brightness(0.8)
  285. }
  286.  
  287. body .ui .slot.temporary {
  288. background-color: rgba(71, 0, 0, 0.38) !important
  289. }
  290.  
  291. body .ui .slot.storage {
  292. background-color: rgba(0, 45, 71, 0.38) !important
  293. }
  294.  
  295. body .ui .slot.evidence {
  296. background-color: rgba(71, 48, 0, 0.38) !important
  297. }
  298.  
  299. body .ui .slot.player {
  300. background-color: rgba(71, 0, 61, 0.38) !important
  301. }
  302.  
  303. body .ui .slot.store {
  304. background-color: rgba(71, 0, 61, 0.38) !important
  305. }
  306.  
  307. body .ui .slot.orig-dragging {
  308. background-color: rgba(49, 49, 49, 0.38) !important
  309. }
  310.  
  311. body .ui .slot.error {
  312. background-color: rgba(255, 0, 0, 0.38)
  313. }
  314.  
  315. body .ui .slot.dragging {
  316. background-color: transparent !important;
  317. border: none !important
  318. }
  319.  
  320. body .ui .slot.dragging .item {
  321. min-width: 135px !important
  322. }
  323.  
  324. body .ui .slot.dragging .item-name {
  325. background-color: transparent !important;
  326. border-top: none !important
  327. }
  328.  
  329. body .ui .slot.dragging .item-count {
  330. display: none !important
  331. }
  332.  
  333. body .ui .slot.dragging .item-keybind {
  334. display: none !important
  335. }
  336.  
  337. body .ui .slot .item,
  338. body .ui .slot .item-other {
  339. width: 95%;
  340. min-width: 85%;
  341. height: 100px;
  342. background-size: 70%;
  343. background-repeat: no-repeat;
  344. background-position: center center
  345. }
  346.  
  347. body .ui .slot .item .item-keybind,
  348. body .ui .slot .item-other .item-keybind {
  349. position: absolute;
  350. text-align: center;
  351. font-size: 15px;
  352. line-height: 0px;
  353. color: #fff;
  354. width: fit-content;
  355. top: 0;
  356. z-index: 999;
  357. background: #2c2c2c;
  358. padding: 10px;
  359. border-right: 1px solid #666;
  360. border-bottom: 1px solid #666
  361. }
  362.  
  363. body .ui .slot .item .item-name,
  364. body .ui .slot .item-other .item-name {
  365. position: absolute;
  366. bottom: 0;
  367. text-align: center;
  368. padding-top: 5px;
  369. padding-bottom: 5px;
  370. width: 100%;
  371. min-height: 30px;
  372. z-index: 500;
  373. font-size: 12px;
  374. background-color: rgba(41, 41, 41, 0.377);
  375. border-top: 1px solid rgba(41, 41, 41, 0.589);
  376. color: #fff;
  377. font-weight: bold;
  378. }
  379.  
  380. body .ui .slot .item .item-count,
  381. body .ui .slot .item-other .item-count {
  382. position: absolute;
  383. top: 0;
  384. font-size: 13px;
  385. text-align: right;
  386. right: 5px;
  387. height: 20px;
  388. z-index: 500
  389. }
  390.  
  391. body .ui .slot .item .item-price,
  392. body .ui .slot .item-other .item-price {
  393. position: absolute;
  394. top: 0;
  395. text-align: left;
  396. left: 5px;
  397. font-size: 15px;
  398. height: 20px;
  399. z-index: 500;
  400. color: rgba(30, 255, 0, 0.7)
  401. }
  402.  
  403. body .ui .inventory-wrapper::-webkit-scrollbar-track,
  404. body .ui #inventoryOne::-webkit-scrollbar-track,
  405. body .ui #inventoryTwo::-webkit-scrollbar-track,
  406. body .ui #debugDiv::-webkit-scrollbar-track {
  407. background-color: none;
  408. border: none
  409. }
  410.  
  411. body .ui .inventory-wrapper::-webkit-scrollbar,
  412. body .ui #inventoryOne::-webkit-scrollbar,
  413. body .ui #inventoryTwo::-webkit-scrollbar,
  414. body .ui #debugDiv::-webkit-scrollbar {
  415. width: 10px;
  416. background-color: transparent
  417. }
  418.  
  419. body .ui .inventory-wrapper::-webkit-scrollbar-thumb,
  420. body .ui #inventoryOne::-webkit-scrollbar-thumb,
  421. body .ui #inventoryTwo::-webkit-scrollbar-thumb,
  422. body .ui #debugDiv::-webkit-scrollbar-thumb {
  423. background-color: rgba(50, 50, 50, 0.38);
  424. border: 1px solid rgba(37, 37, 37, 0.781);
  425. }
  426.  
  427. body .ui .nearbyPlayerButton {
  428. width: 100%;
  429. margin-top: 5px;
  430. display: block;
  431. text-decoration: none;
  432. padding: 2px;
  433. color: rgba(255, 255, 255, 0.85);
  434. background-color: rgba(83, 57, 57, 0.226);
  435. text-shadow: none;
  436. font-size: 14px !important;
  437. outline: none;
  438. text-transform: none;
  439. text-align: center;
  440. line-height: 30px;
  441. border: none
  442. }
  443.  
  444. body .ui .nearbyPlayerButton:hover {
  445. background-color: rgba(46, 29, 29, 0.8)
  446. }
  447.  
  448. body .ui .money {
  449. padding: 10px
  450. }
  451.  
  452. body .near-players-wrapper {
  453. position: absolute;
  454. left: 0;
  455. top: 0;
  456. width: 100vw;
  457. height: 100vh;
  458. background-color: rgba(50, 50, 50, 0.38);
  459. z-index: 0;
  460. overflow: hidden;
  461. display: none
  462. }
  463.  
  464. body .near-players-wrapper .near-players-list {
  465. width: 500px;
  466. height: fit-content;
  467. background: #2c2c2c;
  468. position: absolute;
  469. top: 0;
  470. bottom: 0;
  471. left: 0;
  472. right: 0;
  473. margin: auto;
  474. border: 1px solid #666;
  475. z-index: 1000
  476. }
  477.  
  478. body .near-players-wrapper .near-players-list .popup-header {
  479. background: rgba(0, 0, 0, 0.75);
  480. border-bottom: 1px solid #666
  481. }
  482.  
  483. body .near-players-wrapper .near-players-list .popup-header .popup-header-text {
  484. display: inline-block;
  485. width: 90%;
  486. padding: 10px
  487. }
  488.  
  489. body .near-players-wrapper .near-players-list .popup-header .exit-popup {
  490. display: inline-block;
  491. width: fit-content;
  492. margin-left: auto;
  493. padding: 10px;
  494. width: 10%;
  495. text-align: right;
  496. color: #9d9d9d
  497. }
  498.  
  499. body .near-players-wrapper .near-players-list .popup-header .exit-popup:hover {
  500. transition: all ease-in 0.15s;
  501. filter: brightness(0.7)
  502. }
  503.  
  504. body .near-players-wrapper .near-players-list .popup-body {
  505. padding: 5px;
  506. max-height: 660px;
  507. overflow-y: auto;
  508. overflow-x: hidden
  509. }
  510.  
  511. body .near-players-wrapper .near-players-list .popup-body::-webkit-scrollbar-track {
  512. background-color: none;
  513. border: none
  514. }
  515.  
  516. body .near-players-wrapper .near-players-list .popup-body::-webkit-scrollbar {
  517. width: 10px;
  518. background-color: transparent
  519. }
  520.  
  521. body .near-players-wrapper .near-players-list .popup-body::-webkit-scrollbar-thumb {
  522. background-color: rgba(255, 255, 255, 0.38);
  523. border: 2px solid rgba(255, 255, 255, 0.38)
  524. }
  525.  
  526. body .near-players-wrapper .near-players-list .popup-body .player,
  527. body .near-players-wrapper .near-players-list .popup-body .cashchoice {
  528. width: 100%;
  529. height: 50px;
  530. line-height: 50px;
  531. text-align: center;
  532. background: rgba(49, 49, 49, 0.38);
  533. border: 1px solid #666;
  534. margin-bottom: 5px
  535. }
  536.  
  537. body .near-players-wrapper .near-players-list .popup-body .player:last-child,
  538. body .near-players-wrapper .near-players-list .popup-body .cashchoice:last-child {
  539. margin-bottom: 0 !important
  540. }
  541.  
  542. #action-bar {
  543. display: none;
  544. position: absolute;
  545. left: 0;
  546. right: 0;
  547. bottom: 0;
  548. margin: auto;
  549. width: fit-content;
  550. height: fit-content;
  551. overflow: hidden;
  552. z-index: 999
  553. }
  554.  
  555. #action-bar .slot {
  556. max-width: 120px;
  557. display: inline-block;
  558. background-color: rgba(50, 50, 50, 0.38);
  559. margin: 3px;
  560. position: relative;
  561. transition: background-color ease-in 0.15s
  562. }
  563.  
  564. #action-bar .slot.used {
  565. background-color: rgba(49, 49, 49, 0.38)
  566. }
  567.  
  568. #action-bar .slot.empty-used {
  569. background-color: rgba(255, 0, 0, 0.38)
  570. }
  571.  
  572. #action-bar .slot .item {
  573. width: 100%;
  574. min-width: 100px;
  575. height: 110px;
  576. background-size: 70%;
  577. background-repeat: no-repeat;
  578. background-position: center center
  579. border: 1px solid rgba(37, 37, 37, 0.781);
  580. }
  581.  
  582. #action-bar .slot .item .item-keybind {
  583. position: absolute;
  584. text-align: center;
  585. font-size: 15px;
  586. line-height: 0px;
  587. color: #fff;
  588. width: fit-content;
  589. top: 0;
  590. z-index: 999;
  591. background-color: rgba(50, 50, 50, 0.8);
  592. padding: 10px;
  593. }
  594.  
  595. #action-bar .slot .item .item-name {
  596. position: absolute;
  597. bottom: 0;
  598. text-align: center;
  599. padding-top: 5px;
  600. padding-bottom: 5px;
  601. width: 100%;
  602. min-height: 30px;
  603. z-index: 500;
  604. font-size: 12px;
  605. background-color: rgba(41, 41, 41, 0.377);
  606. color: #fff;
  607. font-weight: bold;
  608. }
  609.  
  610. #action-bar .slot .item .item-count {
  611. position: absolute;
  612. top: 0;
  613. text-align: right;
  614. right: 5px;
  615. height: 20px;
  616. z-index: 500
  617. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!