Advertisement
Pvp_machine100

nothing

Dec 7th, 2018
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.67 KB | None | 0 0
  1. /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 7, 2017 */@font-face {
  2. font-family:pixel-op;
  3. src:url(/font/pixeloperator.woff2) format("woff2"),url(/font/pixeloperator.woff) format("woff");
  4. font-weight:400;
  5. font-style:normal
  6. }
  7. ::-webkit-scrollbar {
  8. width:16px;
  9. height:16px
  10. }
  11. ::-webkit-scrollbar-corner {
  12. background-color:transparent
  13. }
  14. ::-webkit-scrollbar-button {
  15. height:16px;
  16. width:16px;
  17. border:6px solid;
  18. border-image:url(/img/button.png) 6 repeat;
  19. background-image:url(/img/gui.png);
  20. background-color:#aba389;
  21. border-width:6px;
  22. background-origin:border-box;
  23. background-repeat:no-repeat
  24. }
  25. ::-webkit-scrollbar-button:hover {
  26. background-color:#b8b29c
  27. }
  28. ::-webkit-scrollbar-button:active {
  29. background-color:#8d8671;
  30. border-image:url(/img/button_pressed.png) 6 repeat
  31. }
  32. ::-webkit-scrollbar-button:disabled {
  33. background-color:#8d8671;
  34. border-image:url(/img/button_pressed.png) 6 repeat
  35. }
  36. ::-webkit-scrollbar-button:vertical:increment {
  37. background-position:-32px 0
  38. }
  39. ::-webkit-scrollbar-button:vertical:increment:disabled {
  40. background-position:-48px 0
  41. }
  42. ::-webkit-scrollbar-button:vertical:decrement {
  43. background-position:0 0
  44. }
  45. ::-webkit-scrollbar-button:vertical:decrement:disabled {
  46. background-position:-16px 0
  47. }
  48. ::-webkit-scrollbar-button:horizontal:increment {
  49. background-position:0 16px
  50. }
  51. ::-webkit-scrollbar-button:horizontal:increment:disabled {
  52. background-position:-16px 16px
  53. }
  54. ::-webkit-scrollbar-button:horizontal:decrement {
  55. background-position:-32px 16px
  56. }
  57. ::-webkit-scrollbar-button:horizontal:decrement:disabled {
  58. background-position:-48px 16px
  59. }
  60. ::-webkit-scrollbar-thumb {
  61. border:6px solid;
  62. border-image:url(/img/button.png) 6 repeat;
  63. background-color:#aba389;
  64. border-width:6px
  65. }
  66. ::-webkit-scrollbar-thumb:hover {
  67. background-color:#b8b29c
  68. }
  69. ::-webkit-scrollbar-thumb:active {
  70. background-color:#8d8671;
  71. border-image:url(/img/button_pressed.png) 6 repeat
  72. }
  73. body,html {
  74. font:16px pixel-op,sans-serif;
  75. width:100%;
  76. height:100%;
  77. margin:0;
  78. -ms-touch-action:none;
  79. touch-action:none;
  80. position:fixed
  81. }
  82. body {
  83. background-color:#d1d1d1;
  84. background-image:url(/img/unloaded.png);
  85. background-size:16px
  86. }
  87. html {
  88. -webkit-user-select:none;
  89. -moz-user-select:none;
  90. -ms-user-select:none;
  91. user-select:none
  92. }
  93. hr {
  94. border-color:rgba(0,0,0,.2)
  95. }
  96. .hide {
  97. display:none!important
  98. }
  99. .selectable {
  100. -webkit-user-select:text;
  101. -moz-user-select:text;
  102. -ms-user-select:text;
  103. user-select:text
  104. }
  105. .centered {
  106. position:absolute;
  107. padding-top:1px;
  108. top:50%;
  109. left:50%;
  110. -webkit-transform:translate(-50%,-50%);
  111. transform:translate(-50%,-50%)
  112. }
  113. .centeredChilds {
  114. display:-webkit-box;
  115. display:-ms-flexbox;
  116. display:flex;
  117. -webkit-box-pack:center;
  118. -ms-flex-pack:center;
  119. justify-content:center;
  120. -webkit-box-align:center;
  121. -ms-flex-align:center;
  122. align-items:center
  123. }
  124. .tooltip {
  125. pointer-events:none;
  126. position:absolute;
  127. top:0;
  128. left:0;
  129. opacity:.9
  130. }
  131. .owopdropdown {
  132. pointer-events:none!important;
  133. padding:0!important;
  134. padding-top:1px!important;
  135. top:0;
  136. left:50%;
  137. -webkit-transform:translateX(-50%);
  138. transform:translateX(-50%);
  139. border:none!important;
  140. background-color:transparent!important;
  141. -webkit-transition:-webkit-transform .5s ease-out;
  142. transition:-webkit-transform .5s ease-out;
  143. transition:transform .5s ease-out;
  144. transition:transform .5s ease-out,-webkit-transform .5s ease-out
  145. }
  146. button.winframe:active {
  147. -o-border-image:inherit;
  148. border-image:inherit
  149. }
  150. #chat,#dev-chat,#playercount-display,#xy-display,.whitetext {
  151. color:#fff;
  152. font:16px pixel-op,sans-serif;
  153. text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000
  154. }
  155. #tool-select,img {
  156. -ms-interpolation-mode:nearest-neighbor;
  157. image-rendering:-webkit-optimize-contrast;
  158. image-rendering:-moz-crisp-edges;
  159. image-rendering:-o-pixelated;
  160. image-rendering:pixelated
  161. }
  162. #load-scr {
  163. position:absolute;
  164. height:100%;
  165. width:100%;
  166. text-align:center;
  167. font:0/0 a;
  168. pointer-events:none;
  169. -webkit-transition:-webkit-transform 1.5s cubic-bezier(.68,-.55,.27,1.55);
  170. transition:-webkit-transform 1.5s cubic-bezier(.68,-.55,.27,1.55);
  171. transition:transform 1.5s cubic-bezier(.68,-.55,.27,1.55);
  172. transition:transform 1.5s cubic-bezier(.68,-.55,.27,1.55),-webkit-transform 1.5s cubic-bezier(.68,-.55,.27,1.55);
  173. background-image:url(/img/unloaded.png);
  174. -webkit-box-shadow:0 0 5px #000;
  175. box-shadow:0 0 5px #000
  176. }
  177. #load-scr:before {
  178. content:" ";
  179. height:100%
  180. }
  181. #load-scr:before,#load-ul {
  182. display:inline-block;
  183. vertical-align:middle
  184. }
  185. #load-ul {
  186. list-style-type:none;
  187. padding:0;
  188. margin:0;
  189. max-width:50%;
  190. min-width:224px;
  191. pointer-events:auto;
  192. -webkit-transition:-webkit-transform 1s;
  193. transition:-webkit-transform 1s;
  194. transition:transform 1s;
  195. transition:transform 1s,-webkit-transform 1s
  196. }
  197. #noscript-msg,#status {
  198. font:16px pixel-op
  199. }
  200. #status-msg {
  201. vertical-align:super;
  202. text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000,0 0 2px #000
  203. }
  204. #spinner {
  205. margin-right:8px
  206. }
  207. #animations,#viewport,#windows {
  208. position:absolute
  209. }
  210. #windows {
  211. pointer-events:none;
  212. width:100%;
  213. height:100%
  214. }
  215. #windows>div,.winframe {
  216. position:absolute;
  217. pointer-events:auto;
  218. background-color:#abb9ba;
  219. border:11px solid #abb9ba;
  220. border-width:11px;
  221. -o-border-image:url(/img/window_out.png) 11 repeat;
  222. border-image:url(/img/window_out.png) 11 repeat;
  223. border-image-outset:1px;
  224. -webkit-box-shadow:0 0 5px #000;
  225. box-shadow:0 0 5px #000
  226. }
  227. #windows>div>span {
  228. display:block;
  229. pointer-events:none;
  230. margin-top:-7px;
  231. text-shadow:1px 1px #696969;
  232. color:#404040;
  233. margin-bottom:3px;
  234. min-width:100%;
  235. text-align:center
  236. }
  237. .windowCloseButton {
  238. position:absolute;
  239. right:0;
  240. top:-2px;
  241. width:9px;
  242. height:9px;
  243. padding:0;
  244. background-image:url(/img/gui.png);
  245. background-position:-48px -32px;
  246. background-color:#ff7979;
  247. border:none
  248. }
  249. button.windowCloseButton:active {
  250. background-image:url(/img/gui.png);
  251. background-position:-48px -41px
  252. }
  253. .wincontainer {
  254. overflow:auto;
  255. min-width:100%;
  256. height:100%;
  257. margin:0 -5px -5px;
  258. background-color:#7d9293;
  259. border:5px solid #7e635c;
  260. border-width:5px;
  261. -o-border-image:url(/img/window_in.png) 5 repeat;
  262. border-image:url(/img/window_in.png) 5 repeat
  263. }
  264. #windows>div>div>input {
  265. border:6px solid #7e635c;
  266. -o-border-image:url(/img/small_border.png) 6 repeat;
  267. border-image:url(/img/small_border.png) 6 repeat;
  268. border-image-outset:1px
  269. }
  270. #windows>div>div>* {
  271. -webkit-box-sizing:border-box;
  272. box-sizing:border-box
  273. }
  274. button {
  275. border:6px outset #404040;
  276. -o-border-image:url(/img/button.png) 6 repeat;
  277. border-image:url(/img/button.png) 6 repeat;
  278. background-color:#404040
  279. }
  280. button,button:hover {
  281. -webkit-transition:-webkit-filter .125s;
  282. transition:-webkit-filter .125s;
  283. transition:filter .125s;
  284. transition:filter .125s,-webkit-filter .125s
  285. }
  286. button:hover {
  287. -webkit-filter:brightness(110%);
  288. filter:brightness(110%)
  289. }
  290. button:active {
  291. border-style:inset;
  292. -o-border-image:url(/img/button_pressed.png) 6 repeat;
  293. border-image:url(/img/button_pressed.png) 6 repeat;
  294. -webkit-filter:brightness(90%);
  295. filter:brightness(90%);
  296. -webkit-transition:none;
  297. transition:none
  298. }
  299. button:focus {
  300. outline:none
  301. }
  302. #clusters>canvas {
  303. position:absolute;
  304. background-image:url(/img/unloaded.png);
  305. background-size:8px
  306. }
  307. #animations {
  308. top:0;
  309. left:0
  310. }
  311. #palette,#playercount-display,#xy-display {
  312. position:absolute;
  313. pointer-events:none;
  314. -webkit-transform:translateY(-100%);
  315. transform:translateY(-100%);
  316. -webkit-transition:-webkit-transform .75s;
  317. transition:-webkit-transform .75s;
  318. transition:transform .75s;
  319. transition:transform .75s,-webkit-transform .75s
  320. }
  321. #xy-display {
  322. padding-left:2px;
  323. left:-4px;
  324. top:-4px
  325. }
  326. #playercount-display {
  327. right:-4px;
  328. top:-4px
  329. }
  330. #toole-container {
  331. overflow:hidden
  332. }
  333. #palette,#palette-create,#playercount-display,#xy-display,.framed {
  334. border:5px solid #aba389;
  335. -o-border-image:url(/img/small_border.png) 5 repeat;
  336. border-image:url(/img/small_border.png) 5 repeat;
  337. border-image-outset:1px;
  338. background-color:#7d9293;
  339. -webkit-box-shadow:0 0 5px #000;
  340. box-shadow:0 0 5px #000
  341. }
  342. #toole-container>button>div {
  343. position:fixed;
  344. margin:-18px -4px;
  345. width:36px;
  346. height:36px
  347. }
  348. #toole-container>button {
  349. position:relative;
  350. display:inline-block;
  351. width:40px;
  352. height:40px;
  353. padding:0
  354. }
  355. #toole-container>button.selected {
  356. background-color:#aaa
  357. }
  358. #tool-select>button>div {
  359. position:absolute;
  360. width:36px;
  361. height:36px;
  362. margin-left:50%;
  363. -webkit-transform:translate(-50%,-50%);
  364. transform:translate(-50%,-50%)
  365. }
  366. #palette {
  367. right:-5px;
  368. top:50%;
  369. -webkit-transform:translateY(-50%) translateX(200%);
  370. transform:translateY(-50%) translateX(200%);
  371. width:45px;
  372. height:40px;
  373. -webkit-box-sizing:border-box;
  374. box-sizing:border-box
  375. }
  376. #palette-bg {
  377. position:absolute;
  378. height:100%;
  379. width:44px;
  380. top:0;
  381. right:0;
  382. background-color:rgba(0,0,0,.3);
  383. pointer-events:none
  384. }
  385. #palette-create {
  386. right:50px;
  387. top:50%;
  388. -webkit-transform:translateY(-50%);
  389. transform:translateY(-50%);
  390. width:24px;
  391. height:24px;
  392. background-image:url(/img/plus.png);
  393. background-repeat:no-repeat;
  394. pointer-events:all
  395. }
  396. #palette-create,#palette-input {
  397. position:absolute;
  398. -webkit-box-sizing:border-box;
  399. box-sizing:border-box
  400. }
  401. #palette-input {
  402. width:100%;
  403. height:100%;
  404. opacity:0;
  405. cursor:pointer
  406. }
  407. #palette-colors {
  408. position:absolute;
  409. left:-1px;
  410. top:-9px;
  411. -webkit-transition:-webkit-transform .2s ease-out;
  412. transition:-webkit-transform .2s ease-out;
  413. transition:transform .2s ease-out;
  414. transition:transform .2s ease-out,-webkit-transform .2s ease-out
  415. }
  416. #palette-colors>div {
  417. width:32px;
  418. height:32px;
  419. margin:8px 0;
  420. border:1px solid rgba(0,0,0,.3);
  421. -webkit-box-sizing:border-box;
  422. box-sizing:border-box;
  423. pointer-events:all;
  424. cursor:pointer
  425. }
  426. #player-list {
  427. max-height:300px;
  428. overflow-y:scroll
  429. }
  430. #player-list>table {
  431. border-collapse:collapse;
  432. border:1px solid #000;
  433. color:#fff;
  434. text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;
  435. padding:2px
  436. }
  437. #player-list>table>tr:nth-child(odd) {
  438. background-color:rgba(0,0,0,.1)
  439. }
  440. #player-list>table>tr:nth-child(2n) {
  441. background-color:rgba(0,0,0,.3)
  442. }
  443. #player-list>table>tr:first-child {
  444. text-align:left;
  445. background-color:rgba(0,0,0,.5)
  446. }
  447. #player-list td,#player-list th {
  448. padding:2px 6px
  449. }
  450. #player-list>table>tr>td:first-child {
  451. border-right:1px solid rgba(0,0,0,.5)
  452. }
  453. #player-list>table>tr>td:nth-child(2) {
  454. border-right:1px solid rgba(0,0,0,.3)
  455. }
  456. #help-button {
  457. position:absolute;
  458. bottom:0;
  459. right:0;
  460. padding:0;
  461. margin:16px
  462. }
  463. #help-button>img {
  464. width:64px;
  465. display:block
  466. }
  467. #help {
  468. position:absolute;
  469. top:50%;
  470. left:50%;
  471. -webkit-transform:translate(-50%,-50%);
  472. transform:translate(-50%,-50%);
  473. width:80%;
  474. max-width:800px;
  475. background-color:#aba389;
  476. border:11px solid #aba389;
  477. border-width:11px;
  478. -o-border-image:url(/img/window_out.png) 11 repeat;
  479. border-image:url(/img/window_out.png) 11 repeat;
  480. border-image-outset:1px;
  481. -webkit-box-shadow:0 0 5px #000;
  482. box-shadow:0 0 5px #000
  483. }
  484. #help>.title {
  485. display:block;
  486. pointer-events:none;
  487. margin-top:-7px;
  488. text-shadow:1px 1px #4d313b;
  489. color:#7e635c;
  490. margin-bottom:3px;
  491. min-width:100%;
  492. text-align:center
  493. }
  494. #help>.content {
  495. overflow:auto;
  496. min-width:100%;
  497. height:100%;
  498. margin:0 -5px -5px;
  499. background-color:#7e635c;
  500. border:5px solid #7e635c;
  501. border-width:5px;
  502. -o-border-image:url(/img/window_in.png) 5 repeat;
  503. border-image:url(/img/window_in.png) 5 repeat
  504. }
  505. #help>.content>.links {
  506. text-align:center
  507. }
  508. #help>.content>.links>a {
  509. display:inline-block;
  510. vertical-align:middle;
  511. width:76px
  512. }
  513. #help>.content>.links>a>img {
  514. width:100%
  515. }
  516. #help.hidden {
  517. display:none
  518. }
  519. #chat {
  520. -webkit-transform:translateY(100%);
  521. transform:translateY(100%)
  522. }
  523. #chat,#dev-chat {
  524. position:absolute;
  525. left:0;
  526. bottom:0;
  527. min-width:20%;
  528. max-width:450px;
  529. display:-webkit-box;
  530. display:-ms-flexbox;
  531. display:flex;
  532. font-family:pixel-op,monospace;
  533. -webkit-box-orient:vertical;
  534. -webkit-box-direction:normal;
  535. -ms-flex-direction:column;
  536. flex-direction:column;
  537. background-color:transparent;
  538. pointer-events:none;
  539. overflow:hidden;
  540. -webkit-transition:background-color .2s,-webkit-box-shadow .2s,-webkit-transform .75s;
  541. transition:background-color .2s,-webkit-box-shadow .2s,-webkit-transform .75s;
  542. transition:background-color .2s,box-shadow .2s,transform .75s;
  543. transition:background-color .2s,box-shadow .2s,transform .75s,-webkit-box-shadow .2s,-webkit-transform .75s;
  544. -webkit-animation-fill-mode:forwards;
  545. animation-fill-mode:forwards
  546. }
  547. #dev-chat {
  548. right:0;
  549. left:auto
  550. }
  551. #chat.active,#dev-chat.active {
  552. background-color:rgba(0,0,0,.8);
  553. -webkit-box-shadow:0 0 5px #000;
  554. box-shadow:0 0 5px #000;
  555. pointer-events:all;
  556. overflow-y:auto
  557. }
  558. @-webkit-keyframes fade {
  559. 0% {
  560. opacity:1
  561. }
  562. to {
  563. opacity:0
  564. }
  565. }
  566. @keyframes fade {
  567. 0% {
  568. opacity:1
  569. }
  570. to {
  571. opacity:0
  572. }
  573. }
  574. #chat-messages>li {
  575. background-color:rgba(0,0,0,.8);
  576. -webkit-animation-name:fade;
  577. animation-name:fade;
  578. -webkit-animation-duration:3s;
  579. animation-duration:3s;
  580. -webkit-animation-delay:15s;
  581. animation-delay:15s;
  582. -webkit-animation-fill-mode:forwards;
  583. animation-fill-mode:forwards;
  584. -webkit-transition:background-color .2s;
  585. transition:background-color .2s;
  586. white-space:pre-wrap
  587. }
  588. #chat-messages>li a:link {
  589. color:#82c9ff
  590. }
  591. #chat-messages>li a:visited {
  592. color:#ab80f9
  593. }
  594. #chat-messages>li a:hover {
  595. color:#76b0dc
  596. }
  597. #chat-messages>li>.nick {
  598. color:#00c7ea
  599. }
  600. #chat-messages>li.moderator {
  601. color:#55e100
  602. }
  603. #chat-messages>li.admin {
  604. color:#d50000
  605. }
  606. #chat-messages>li.discord>.nick {
  607. color:#00d9b3
  608. }
  609. #chat-messages>li.server {
  610. color:#ff41e4
  611. }
  612. #chat-messages>li.tell {
  613. color:#ffb735
  614. }
  615. #chat-messages .emote {
  616. width:16px;
  617. height:16px;
  618. vertical-align:bottom
  619. }
  620. #chat-messages.active>li {
  621. background-color:initial;
  622. -webkit-animation-duration:0s;
  623. animation-duration:0s;
  624. animation-direction:reverse
  625. }
  626. #chat-messages,#dev-chat-messages {
  627. -webkit-box-flex:1;
  628. -ms-flex:1;
  629. flex:1;
  630. margin:0;
  631. padding:0;
  632. font-size:16px;
  633. max-height:40vh;
  634. word-wrap:break-word;
  635. overflow:inherit;
  636. vertical-align:bottom
  637. }
  638. #chat-input {
  639. -webkit-box-flex:0;
  640. -ms-flex:0;
  641. flex:0;
  642. height:16px;
  643. color:#fff;
  644. pointer-events:all;
  645. border:1px solid #666;
  646. padding:4px;
  647. background:rgba(0,0,0,.8);
  648. font-family:pixel-op,sans-serif;
  649. font-size:16px;
  650. resize:none;
  651. overflow-y:scroll;
  652. display:none
  653. }
  654. #chat-input:focus {
  655. outline:none
  656. }
  657. #chat-input::-webkit-input-placeholder {
  658. color:#bbb
  659. }
  660. #chat-input:-ms-input-placeholder,#chat-input::-ms-input-placeholder {
  661. color:#bbb
  662. }
  663. #chat-input::placeholder {
  664. color:#bbb
  665. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement