API tools faq
paste
View difference between Paste ID: Z9Jxn2sk and RzEL16tc
SHOW: | | - or go back to the newest paste.
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:#404040;
21
 border-width:6px;
22
 background-origin:border-box;
23
 background-repeat:no-repeat
24
}
25
::-webkit-scrollbar-button:hover {
26
 background-color:#505050
27
}
28
::-webkit-scrollbar-button:active {
29
 background-color:#303030;
30
 /*border-image:url(/img/button_pressed.png) 6 repeat*/
31
}
32
::-webkit-scrollbar-button:disabled {
33
 background-color:#202020;
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:#404040;
64
 /*border-width:6px*/
65
}
66
::-webkit-scrollbar-thumb:hover {
67
 background-color:#505050
68
}
69
::-webkit-scrollbar-thumb:active {
70
 background-color:#202020;
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:#404040;
219
 border:11px solid #404040;
220
 border-width:11px;
221
   -webkit-box-shadow:0 0 5px #000;
222
 box-shadow:0 0 5px #000
223
}
224
#windows>div>span {
225
 display:block;
226
 pointer-events:none;
227
 margin-top:-7px;
228
 color:#fff;
229
 margin-bottom:3px;
230
 min-width:100%;
231
 text-align:center
232
}
233
.windowCloseButton {
234
 position:absolute;
235
 right:0;
236
 top:-2px;
237
 width:9px;
238
 height:9px;
239
 padding:0;
240
 background-position:-48px -32px;
241
 background-color:#ff0000;
242
 border:1px solid #404040;
243
 border-radius: 10px
244
}
245
button.windowCloseButton:active {
246
 background-position:-48px -41px
247
}
248
.wincontainer {
249
 overflow:auto;
250
 min-width:100%;
251
 height:100%;
252
 margin:0 -5px -5px;
253
 background-color:#404040;
254
 border:5px solid #404040;
255
 border-width:5px;
256
 /*
257
   -webkit-box-shadow:0 0 5px #000;
258
 box-shadow:0 0 5px #000
259
 */
260
}
261
#windows>div>div>input {
262
 border:6px solid #7e635c;
263
 border-image-outset:1px
264
}
265
#windows>div>div>* {
266
 -webkit-box-sizing:border-box;
267
 box-sizing:border-box
268
}
269
button {
270
 border:6px solid #404040;
271
 background-color:#202af2;
272
}
273
button,button:hover {
274
 -webkit-transition:-webkit-filter .125s;
275
 transition:-webkit-filter .125s;
276
 transition:filter .125s;
277
 transition:filter .125s,-webkit-filter .125s
278
}
279
button:hover {
280-
 -webkit-filter:brightness(110%);
280+
 -webkit-filter:brightness(134%);
281-
 filter:brightness(110%)
281+
 filter:brightness(134%)
282
}
283
button:active {
284
  /*
285
 -webkit-filter:brightness(90%);
286
 filter:brightness(90%);
287
288
  -webkit-transition:none;
289
 transition:none
290
  */
291
}
292
button:focus {
293
 outline:none
294
}
295
#clusters>canvas {
296
 position:absolute;
297
 ackground-image:url(/img/unloaded.png);
298
 background-size:8px
299
}
300
#animations {
301
 top:0;
302
 left:0
303
}
304
#palette,#playercount-display,#xy-display {
305
 position:absolute;
306
 pointer-events:none;
307
 -webkit-transform:translateY(-100%);
308
 transform:translateY(-100%);
309
 -webkit-transition:-webkit-transform .75s;
310
 transition:-webkit-transform .75s;
311
 transition:transform .75s;
312
 transition:transform .75s,-webkit-transform .75s
313
}
314
#xy-display {
315
 padding-left:2px;
316
 left:-4px;
317
 top:-4px
318
}
319
#playercount-display {
320
 right:-4px;
321
 top:-4px
322
}
323
#toole-container {
324
 overflow:hidden
325
}
326
#palette,#palette-create,#playercount-display,#xy-display,.framed {
327
 border:5px solid #404040;
328
 background-color:#404040;
329
 -webkit-box-shadow:0 0 5px #000;
330
 box-shadow:0 0 5px #000
331
}
332
#toole-container>button>div {
333
 position:fixed;
334
 margin:-18px -4px;
335
 width:36px;
336
 height:36px
337
}
338
#toole-container>button {
339
 position:relative;
340
 display:inline-block;
341
 width:40px;
342
 height:40px;
343
 padding:0
344
}
345
346
#tool-select>button>div {

347
 position:absolute;

348
 width:36px;

349
 height:36px;

350
 margin-left:50%;

351
 -webkit-transform:translate(-50%,-50%);

352
 transform:translate(-50%,-50%)

353
}

354
#palette {

355
 right:-5px;

356
 top:50%;

357
 -webkit-transform:translateY(-50%) translateX(200%);

358
 transform:translateY(-50%) translateX(200%);

359
 width:45px;

360
 height:40px;

361
 -webkit-box-sizing:border-box;

362
 box-sizing:border-box

363
}

364
#palette-bg {

365
 position:absolute;

366
 height:100%;

367
 width:44px;

368
 top:0;

369
 right:0;

370
 background-color:rgba(0,0,0,.3);

371
 pointer-events:none

372
}

373
#palette-create {

374
 right:50px;

375
 top:50%;

376
 -webkit-transform:translateY(-50%);

377
 transform:translateY(-50%);

378
 width:24px;

379
 height:24px;

380
 background-image:url(/img/plus.png);

381
 background-repeat:no-repeat;

382
 pointer-events:all

383
}

384
#palette-create,#palette-input {

385
 position:absolute;

386
 -webkit-box-sizing:border-box;

387
 box-sizing:border-box

388
}

389
#palette-input {

390
 width:100%;

391
 height:100%;

392
 opacity:0;

393
 cursor:pointer

394
}

395
#palette-colors {

396
 position:absolute;

397
 left:-1px;

398
 top:-9px;

399
  

400
 -webkit-transition:-webkit-transform .01s ease-out;

401
 transition:-webkit-transform .01s ease-out;

402
 transition:transform 1s ease-out;

403
 transition:transform 1s ease-out,-webkit-transform .2s ease-out

404
  

405
}

406
#palette-colors>div {

407
 width:32px;

408
 height:32px;

409
 margin:8px 0;

410
 border:1px solid rgba(0,0,0,.3);

411
 -webkit-box-sizing:border-box;

412
 box-sizing:border-box;

413
 pointer-events:all;

414
 cursor:pointer

415
}

416
#player-list {

417
 max-height:300px;

418
 overflow-y:scroll

419
}

420
#player-list>table {

421
 border-collapse:collapse;

422
 border:1px solid #000;

423
 color:#fff;

424
 text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;

425
 padding:2px

426
}

427
#player-list>table>tr:nth-child(odd) {

428
 background-color:rgba(0,0,0,.1)

429
}

430
#player-list>table>tr:nth-child(2n) {

431
 background-color:rgba(0,0,0,.3)

432
}

433
#player-list>table>tr:first-child {

434
 text-align:left;

435
 background-color:rgba(0,0,0,.5)

436
}

437
#player-list td,#player-list th {

438
 padding:2px 6px

439
}

440
#player-list>table>tr>td:first-child {

441
 border-right:1px solid rgba(0,0,0,.5)

442
}

443
#player-list>table>tr>td:nth-child(2) {

444
 border-right:1px solid rgba(0,0,0,.3)

445
}

446
#help-button {

447
 position:absolute;

448
 bottom:0;

449
 right:0;

450
 padding:0;

451
 margin:16px

452
 -webkit-box-shadow:0 0 5px #000;

453
 box-shadow:0 0 5px #000

454
}

455
#help-button>img {

456
 width:64px;

457
 display:block

458
459
}

460
#help {

461
 position:absolute;

462
 top:50%;

463
 left:50%;

464
 -webkit-transform:translate(-50%,-50%);

465
 transform:translate(-50%,-50%);

466
 width:80%;

467
 max-width:800px;

468
 background-color:#404040;

469
 border:11px solid #404040;

470
 border-width:11px;

471
 /*

472
 -o-border-image:url(/img/window_out.png) 11 repeat;

473
 border-image:url(/img/window_out.png) 11 repeat;

474
 */

475
  border-image-outset:1px;

476
 -webkit-box-shadow:0 0 5px #000;

477
 box-shadow:0 0 5px #000

478
}

479
#help>.title {

480
 display:block;

481
 pointer-events:none;

482
 margin-top:-7px;

483
 color:#fff;

484
 margin-bottom:3px;

485
 min-width:100%;

486
 text-align:center

487
}

488
#help>.content {

489
 overflow:auto;

490
 min-width:100%;

491
 height:100%;

492
 margin:0 -5px -5px;

493
 background-color:#404040;

494
 border:5px solid #404040;

495
 border-width:5px;

496
 /*

497
 -o-border-image:url(/img/window_in.png) 5 repeat;

498
 border-image:url(/img/window_in.png) 5 repeat

499
 */

500
}

501
#help>.content>.links {

502
 text-align:center

503
}

504
#help>.content>.links>a {

505
 display:inline-block;

506
 vertical-align:middle;

507
 width:76px

508
}

509
#help>.content>.links>a>img {

510
 width:100%

511
}

512
#help.hidden {

513
 display:none

514
}

515
#chat {

516
 -webkit-transform:translateY(100%);

517
 transform:translateY(100%)

518
}

519
#chat,#dev-chat {

520
 position:absolute;

521
 left:0;

522
 bottom:0;

523
 min-width:20%;

524
 max-width:450px;

525
 display:-webkit-box;

526
 display:-ms-flexbox;

527
 display:flex;

528
 font-family:pixel-op,monospace;

529
 -webkit-box-orient:vertical;

530
 -webkit-box-direction:normal;

531
 -ms-flex-direction:column;

532
 flex-direction:column;

533
 background-color:transparent;

534
 pointer-events:none;

535
 overflow:hidden;

536
 -webkit-transition:background-color .2s,-webkit-box-shadow .2s,-webkit-transform .75s;

537
 transition:background-color .2s,-webkit-box-shadow .2s,-webkit-transform .75s;

538
 transition:background-color .2s,box-shadow .2s,transform .75s;

539
 transition:background-color .2s,box-shadow .2s,transform .75s,-webkit-box-shadow .2s,-webkit-transform .75s;

540
 -webkit-animation-fill-mode:forwards;

541
 animation-fill-mode:forwards

542
}

543
#dev-chat {

544
 right:0;

545
 left:auto

546
}

547
#chat.active,#dev-chat.active {

548
 background-color:rgba(0,0,0,.8);

549
 -webkit-box-shadow:0 0 5px #000;

550
 box-shadow:0 0 5px #000;

551
 pointer-events:all;

552
 overflow-y:auto

553
}

554
@-webkit-keyframes fade {

555
 0% {

556
  opacity:1

557
 }

558
 to {

559
  opacity:0

560
 }

561
}

562
@keyframes fade {

563
 0% {

564
  opacity:1

565
 }

566
 to {

567
  opacity:0

568
 }

569
}

570
#chat-messages>li {

571
 background-color:rgba(0,0,0,.8);

572
 -webkit-animation-name:fade;

573
 animation-name:fade;

574
 -webkit-animation-duration:3s;

575
 animation-duration:3s;

576
 -webkit-animation-delay:15s;

577
 animation-delay:15s;

578
 -webkit-animation-fill-mode:forwards;

579
 animation-fill-mode:forwards;

580
 -webkit-transition:background-color .2s;

581
 transition:background-color .2s;

582
 white-space:pre-wrap

583
}

584
#chat-messages>li a:link {

585
 color:#82c9ff

586
}

587
#chat-messages>li a:visited {

588
 color:#ab80f9

589
}

590
#chat-messages>li a:hover {

591
 color:#76b0dc

592
}

593
#chat-messages>li>.nick {

594
 color:#fff

595
}

596
#chat-messages>li.moderator {

597-
 color:#faf

597+
 color:#42ff50

598
}

599
#chat-messages>li.admin {

600-
 color:#ff4f4f

600+
 color:#c10000

601
}

602
#chat-messages>li.discord>.nick {

603
 color:#6cffe7

604
}

605
#chat-messages>li.server {

606
 color:#aa00ff

607
}

608
#chat-messages>li.tell {

609
 color:#ffb735

610
}

611
#chat-messages.active>li {

612
 background-color:initial;

613
 -webkit-animation-duration:0s;

614
 animation-duration:0s;

615
 animation-direction:reverse;

616
 color:#00aaff;

617
}

618
#chat-messages,#dev-chat-messages {

619
 -webkit-box-flex:1;

620
 -ms-flex:1;

621
 flex:1;

622
 margin:0;

623
 padding:0;

624
 font-size:16px;

625
 max-height:40vh;

626
 word-wrap:break-word;

627
 overflow:inherit;

628
 vertical-align:bottom

629
}

630
#chat-input {

631
 -webkit-box-flex:0;

632
 -ms-flex:0;

633
 flex:0;

634
 height:16px;

635
 color:#fff;

636
 pointer-events:all;

637
 border:1px solid #666;

638
 padding:4px;

639
 background:rgba(0,0,0,.8);

640
 font-family:pixel-op,sans-serif;

641
 font-size:16px;

642
 resize:none;

643
 overflow-y:scroll

644
}

645
#chat-input:focus {

646
 outline:none

647
}

648
#chat-input::-webkit-input-placeholder {

649
 color:#bbb

650
}
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            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!