API tools faq
paste
View difference between Paste ID: pA4Vz7tJ and FRmgv4SQ
SHOW: | | - or go back to the newest paste.
1
<style>
2
3
#root > div {

4
background: #f0ece3 !important;

5
}

6
7
.pp-page-background {

8
filter: none;

9
}

10
11
.pp-page-background::after {

12
content: '';

13
position: absolute;

14
top: 0;

15
left: 0;

16
height: 100%;

17
width: 100%;

18
background: rgba(240,236,227,0.3);

19
}

20
21
@media screen and (min-width: 1025px) {

22
.profile-page-flex {

23
flex-direction: row-reverse;

24
}

25
}

26
27
*:hover {

28
box-shadow: none !important;

29
}

30
31
header {

32
height: 4rem;

33
}

34
35
.pp-top-bar {

36
position: fixed;

37
top: 0;

38
width: 96%;

39
left: 2%;

40
border-radius: 0 0 20px 20px;

41
background: #faf8f3 !important;

42
border: 1px solid #d4cfc4 !important;

43
border-top: none !important;

44
}

45
46
.pp-top-bar-search {

47
background: #ede9e0 !important;

48
border: 1px solid #d4cfc4 !important;

49
border-radius: 99px !important;

50
}

51
52
#search-input::placeholder {

53
font-family: Raleway;

54
color: #b0aa9e;

55
}

56
57
.pp-top-bar-create-char {

58
font-family: Raleway !important;

59
color: #6a8a5a !important;

60
font-size: 0 !important;

61
}

62
63
.pp-top-bar-create-char::after {

64
content: 'Create a Character';

65
font-size: 13px !important;

66
color: #6a8a5a !important;

67
font-family: Raleway !important;

68
}

69
70
.glow-logo h2 {

71
font-family: Raleway !important;

72
font-weight: 700 !important;

73
color: #3a3530 !important;

74
}

75
76
.pp-top-bar-logo-sub-name {

77
display: none;

78
}

79
80
svg {

81
color: #8a9e7a !important;

82
}

83
84
.pp-top-bar-app-menu-list {

85
background: #faf8f3 !important;

86
border: 1px solid #d4cfc4 !important;

87
border-radius: 12px !important;

88
}

89
90
.pp-top-bar-app-menu-list a {

91
color: #5a5548 !important;

92
font-family: Raleway !important;

93
}

94
95
.css-1uodvt1 {

96
background: #faf8f3 !important;

97
border: 1px solid #ddd8ce !important;

98
border-radius: 12px !important;

99
}

100
101
.css-1uodvt1 * {

102
font-family: Raleway !important;

103
color: #5a5548 !important;

104
}

105
106
.pp-uc-title {

107
font-family: Raleway !important;

108
font-weight: 700 !important;

109
color: #3a3530 !important;

110
}

111
112
.pp-uc-avatar-container {

113
border: 3px solid #c8d4be !important;

114
border-radius: 10px !important;

115
}

116
117
.pp-uc-followers-count {

118
font-family: Raleway !important;

119
font-size: 11px !important;

120
letter-spacing: 2px !important;

121
text-transform: uppercase !important;

122
color: #a09888 !important;

123
}

124
125
.pp-uc-followers-count > span + span {

126
font-size: 0 !important;

127
}

128
129
.pp-uc-followers-count > span + span::after {

130
content: "followers";

131
font-size: 11px !important;

132
font-family: Raleway !important;

133
}

134
135
.pp-uc-member-since {

136
font-family: Raleway !important;

137
color: #b0aa9e !important;

138
font-size: 11px !important;

139
}

140
141
.pp-uc-about-me {

142
background: transparent !important;

143
border: none !important;

144
}

145
146
.pp-uc-about-me * {

147
font-family: Raleway !important;

148
color: #7a7060 !important;

149
}

150
151
.pp-uc-about-me a {

152
color: #6a8a5a !important;

153
}

154
155
.Btn {

156
background: #e8f0e0 !important;

157
border: 1px solid #c8d4be !important;

158
border-radius: 99px !important;

159
transition: all 0.2s !important;

160
}

161
162
.Btn:hover {

163
background: #d8e8d0 !important;

164
transform: none !important;

165
}

166
167
.Btn > span {

168
font-size: 0 !important;

169
}

170
171
.Btn span::after {

172
content: "Follow";

173
font-size: 12px !important;

174
color: #6a8a5a !important;

175
letter-spacing: 2px !important;

176
text-transform: uppercase !important;

177
font-family: Raleway !important;

178
}

179
180
.Btn[data-following=true] span::after {

181
content: "Unfollow";

182
color: #a09888 !important;

183
}

184
185
.css-15w88gn {

186
background: #faf8f3 !important;

187
border: 1px solid #d4cfc4 !important;

188
border-radius: 99px !important;

189
}

190
191
.pp-tabs-indicator {

192
background: #8a9e7a !important;

193
}

194
195
#profile-tabs::before {

196
content: 'Characters';

197
font-family: Raleway;

198
font-weight: 700;

199
font-size: clamp(1.8rem, 3vw, 2.4rem);

200
letter-spacing: -1px;

201
color: #3a3530;

202
width: 100%;

203
border-bottom: 2px solid #d4cfc4;

204
display: block;

205
margin-bottom: 8px;

206
}

207
208
#profile-tabs > div[role="tablist"] > button {

209
font-family: Raleway !important;

210
color: #a09888 !important;

211
letter-spacing: 2px !important;

212
text-transform: uppercase !important;

213
font-size: 11px !important;

214
background: #faf8f3 !important;

215
border: 1px solid #d4cfc4 !important;

216
border-radius: 0 0 8px 8px !important;

217
}

218
219
#profile-tabs > div[role="tablist"] > button[aria-selected="true"] {

220
color: #3a3530 !important;

221
border-color: #8a9e7a !important;

222
}

223
224
.css-1y3jyt3 {

225
background: #d4cfc4 !important;

226
}

227
228
.Btn2-purple {

229
background: transparent !important;

230
border: 1px solid #d4cfc4 !important;

231
border-radius: 99px !important;

232
}

233
234
.Btn2-purple strong {

235
font-family: Raleway !important;

236
color: #a09888 !important;

237
}

238
239
.pp-pg-total p {

240
font-size: 0 !important;

241
}

242
243
.pp-pg-total p::after {

244
content: "bots";

245
font-size: 11px !important;

246
font-family: Raleway !important;

247
color: #a09888 !important;

248
letter-spacing: 2px !important;

249
text-transform: uppercase !important;

250
}

251
252
.pp-fl-search-input {

253
font-family: Raleway !important;

254
background: #faf8f3 !important;

255
border: 1px solid #d4cfc4 !important;

256
border-radius: 99px !important;

257
color: #5a5548 !important;

258
}

259
260
.pp-fl-search-input:focus {

261
border-color: #8a9e7a !important;

262
box-shadow: none !important;

263
}

264
265
:is(.css-1n2in4t, .css-8l42c1) {

266
background: #faf8f3 !important;

267
border: 1px solid #d4cfc4 !important;

268
border-radius: 99px !important;

269
}

270
271
.css-b62m3t-container {

272
background: #faf8f3 !important;

273
border: 1px solid #d4cfc4 !important;

274
border-radius: 99px !important;

275
}

276
277
.react-select__control {

278
background: transparent !important;

279
border: none !important;

280
box-shadow: none !important;

281
}

282
283
.react-select__single-value {

284
color: #7a7060 !important;

285
font-family: Raleway !important;

286
font-size: 13px !important;

287
}

288
289
.react-select__menu {

290
background: #faf8f3 !important;

291
border: 1px solid #d4cfc4 !important;

292
border-radius: 12px !important;

293
}

294
295
.react-select__option {

296
background: transparent !important;

297
color: #7a7060 !important;

298
font-family: Raleway !important;

299
}

300
301
.react-select__option:hover {

302
background: #e8f0e0 !important;

303
color: #3a3530 !important;

304
}

305
306
div:has(> div > .profile-character-card-stack) {

307
display: flex;

308
flex-flow: row wrap;

309
justify-content: center;

310
}

311
312
div:has(> .profile-character-card-stack) {

313
flex: 0 1 220px;

314
}

315
316
.profile-character-card-stack {

317
background: #faf8f3 !important;

318
border: 1px solid #ddd8ce !important;

319
border-radius: 8px !important;

320
transition: all 0.3s ease !important;

321
}

322
323
.pp-cc-wrapper:hover .profile-character-card-stack {

324
border-color: #8a9e7a !important;

325
transform: translateY(-3px) !important;

326
}

327
328
.profile-character-card-stack * {

329
font-family: Raleway !important;

330
color: #5a5548 !important;

331
}

332
333
.pp-cc-name {

334
font-weight: 700 !important;

335
color: #3a3530 !important;

336
letter-spacing: 1px !important;

337
}

338
339
.pp-cc-description p {

340
color: #9a9080 !important;

341
font-size: 12px !important;

342
line-height: 1.7 !important;

343
}

344
345
.pp-cc-avatar {

346
filter: brightness(0.95) !important;

347
mask-image: linear-gradient(to bottom, #000 65%, transparent 100%);

348
}

349
350
._content_1chl9_11 {

351
background: #8a9e7a !important;

352
box-shadow: none !important;

353
}

354
355
.pp-cc-chats {

356
color: #fff !important;

357
font-family: Raleway !important;

358
}

359
360
.pp-cc-chats-count {

361
color: #fff !important;

362
}

363
364
.pp-cc-star-line {

365
border-color: #ede9e1 !important;

366
}

367
368
.pp-cc-tags-item {

369
background: #e8f0e0 !important;

370
border: 1px solid #c8d4be !important;

371
border-radius: 99px !important;

372
color: #6a8a5a !important;

373
font-family: Raleway !important;

374
font-size: 11px !important;

375
}

376
377
.pp-tag-limitless {

378
background: #8a9e7a !important;

379
border-color: #7a8e6a !important;

380
color: #fff !important;

381
}

382
383
.pp-cc-creator-name {

384
display: none !important;

385
}

386
387
[class*="notificationsPopover"] {

388
background: #faf8f3 !important;

389
border: 1px solid #d4cfc4 !important;

390
border-radius: 12px !important;

391
}

392
393
[class*="notificationsPopover"] * {

394
font-family: Raleway !important;

395
color: #5a5548 !important;

396
}

397
398
[class*="popoverTitle"] {

399
color: #3a3530 !important;

400
font-weight: 700 !important;

401
}

402
403
[class*="notificationsBadge"] {

404
background: #8a9e7a !important;

405
}

406
407
[class*="unreadIndicator"] {

408
background: #8a9e7a !important;

409
}

410
411
[class*="timestamp"] {

412
color: #b0aa9e !important;

413
font-size: 11px !important;

414
}

415
416
.css-jdhqy4 > div {

417
background: #faf8f3 !important;

418
border: 1px solid #d4cfc4 !important;

419
border-radius: 8px !important;

420
color: #5a5548 !important;

421
font-family: Raleway !important;

422
}

423
424
footer * {

425
font-family: Raleway !important;

426
color: #b0aa9e !important;

427
}

428
429
::-webkit-scrollbar { width: 4px; }

430
::-webkit-scrollbar-track { background: #f0ece3; }

431
::-webkit-scrollbar-thumb {

432
background: #c8d4be;

433
border-radius: 99px;

434
}

435
436
</style>

437
438
<div style="font-family:Raleway,sans-serif;color:#5a5548;padding:16px 0;">

439
440
<div style="background:#faf8f3;border:1px solid #ddd8ce;border-radius:12px;padding:16px 20px;margin-bottom:12px;">

441
<div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8a9e7a;margin-bottom:8px;">Status</div>

442
<div style="border-left:2px solid #c8d4be;padding-left:12px;font-size:13px;color:#9a9080;line-height:1.8;font-style:italic;">write your current status here!</div>

443
</div>

444
445
<table style="width:100%;border-collapse:separate;border-spacing:12px 0;margin-bottom:12px;">

446
<tr style="vertical-align:top;">

447
448
<td style="width:55%;">

449
<div style="background:#faf8f3;border:1px solid #ddd8ce;border-radius:12px;padding:16px 20px;margin-bottom:12px;">

450
<div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8a9e7a;margin-bottom:8px;">About Me</div>

451
<div style="height:1px;background:#ede9e1;margin-bottom:10px;"></div>

452
<div style="font-size:13px;color:#7a7060;line-height:1.9;">write your about me here. tell people who you are, your age, pronouns, what you make.<br><br>second paragraph here!</div>

453
</div>

454
<div style="background:#faf8f3;border:1px solid #ddd8ce;border-radius:12px;padding:16px 20px;">

455
<div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8a9e7a;margin-bottom:8px;">Upcoming Bots</div>

456
<div style="height:1px;background:#ede9e1;margin-bottom:10px;"></div>

457
<table style="width:100%;border-collapse:separate;border-spacing:7px;">

458
<tr>

459
<td style="background:#f0ece3;border:1px solid #d4cfc4;border-radius:8px;padding:12px;vertical-align:top;">

460
<div style="font-size:12px;font-weight:700;color:#5a5548;margin-bottom:3px;">Bot Name</div>

461
<div style="font-size:11px;color:#9a9080;line-height:1.6;">short description here</div>

462
<div style="margin-top:7px;font-size:10px;letter-spacing:2px;color:#8a9e7a;text-transform:uppercase;">coming soon</div>

463
</td>

464
<td style="background:#f0ece3;border:1px solid #d4cfc4;border-radius:8px;padding:12px;vertical-align:top;">

465
<div style="font-size:12px;font-weight:700;color:#5a5548;margin-bottom:3px;">Bot Name</div>

466
<div style="font-size:11px;color:#9a9080;line-height:1.6;">short description here</div>

467
<div style="margin-top:7px;font-size:10px;letter-spacing:2px;color:#8a9e7a;text-transform:uppercase;">coming soon</div>

468
</td>

469
</tr>

470
</table>

471
</div>

472
</td>

473
474
<td style="width:45%;">

475
<div style="background:#faf8f3;border:1px solid #ddd8ce;border-radius:12px;padding:16px 20px;margin-bottom:12px;">

476
<div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8a9e7a;margin-bottom:8px;">Tags</div>

477
<div style="height:1px;background:#ede9e1;margin-bottom:10px;"></div>

478
<div style="margin-bottom:12px;">

479
<span style="display:inline-block;background:#e8f0e0;border:1px solid #c8d4be;border-radius:99px;padding:4px 13px;font-size:11px;color:#6a8a5a;margin:3px;">tag</span>

480
<span style="display:inline-block;background:#e8f0e0;border:1px solid #c8d4be;border-radius:99px;padding:4px 13px;font-size:11px;color:#6a8a5a;margin:3px;">tag</span>

481
<span style="display:inline-block;background:#e8f0e0;border:1px solid #c8d4be;border-radius:99px;padding:4px 13px;font-size:11px;color:#6a8a5a;margin:3px;">tag</span>

482
<span style="display:inline-block;background:#e8f0e0;border:1px solid #c8d4be;border-radius:99px;padding:4px 13px;font-size:11px;color:#6a8a5a;margin:3px;">tag</span>

483
<span style="display:inline-block;background:#e8f0e0;border:1px solid #c8d4be;border-radius:99px;padding:4px 13px;font-size:11px;color:#6a8a5a;margin:3px;">tag</span>

484
</div>

485
<div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#c4826a;margin-bottom:8px;">No</div>

486
<div>

487
<span style="display:inline-block;background:#f5ece8;border:1px solid #e0c8be;border-radius:99px;padding:4px 13px;font-size:11px;color:#b07060;margin:3px;">no tag</span>

488
<span style="display:inline-block;background:#f5ece8;border:1px solid #e0c8be;border-radius:99px;padding:4px 13px;font-size:11px;color:#b07060;margin:3px;">no tag</span>

489
<span style="display:inline-block;background:#f5ece8;border:1px solid #e0c8be;border-radius:99px;padding:4px 13px;font-size:11px;color:#b07060;margin:3px;">no tag</span>

490
</div>

491
</div>

492
493
<div style="background:#faf8f3;border:1px solid #ddd8ce;border-radius:12px;padding:16px 20px;margin-bottom:12px;">

494
<div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8a9e7a;margin-bottom:8px;">Links</div>

495
<div style="height:1px;background:#ede9e1;margin-bottom:10px;"></div>

496
<table style="width:100%;border-collapse:separate;border-spacing:0 6px;">

497
<tr><td><a href="#" style="display:block;background:#e8f0e0;border:1px solid #c8d4be;border-radius:99px;padding:9px 16px;text-align:center;font-size:11px;letter-spacing:2px;color:#6a8a5a;text-decoration:none;text-transform:uppercase;">Discord</a></td></tr>

498
<tr><td><a href="#" style="display:block;background:#e8f0e0;border:1px solid #c8d4be;border-radius:99px;padding:9px 16px;text-align:center;font-size:11px;letter-spacing:2px;color:#6a8a5a;text-decoration:none;text-transform:uppercase;">Form Request</a></td></tr>

499
<tr><td><a href="#" style="display:block;background:#e8f0e0;border:1px solid #c8d4be;border-radius:99px;padding:9px 16px;text-align:center;font-size:11px;letter-spacing:2px;color:#6a8a5a;text-decoration:none;text-transform:uppercase;">Other Link</a></td></tr>

500
</table>

501
</div>

502
503
<div style="background:#faf8f3;border:1px solid #ddd8ce;border-radius:12px;padding:16px 20px;">

504
<div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8a9e7a;margin-bottom:8px;">Friends</div>

505
<div style="height:1px;background:#ede9e1;margin-bottom:10px;"></div>

506
<table style="width:100%;border-collapse:separate;border-spacing:5px;">

507
<tr>

508
<td style="width:33%;text-align:center;vertical-align:top;">

509
<span style="display:inline-block;width:100%;">

510
<a href="FRIEND_LINK"><img src="FRIEND_IMG" style="width:100%;border-radius:8px 8px 0 0;border:1px solid #ddd8ce;display:block;"></a>

511
<span style="display:block;background:#f0ece3;padding:5px 4px;text-align:center;font-size:9px;letter-spacing:2px;color:#8a9e7a;border:1px solid #ddd8ce;border-top:none;border-radius:0 0 8px 8px;text-transform:uppercase;">friend</span>

512
</span>

513
</td>

514
<td style="width:33%;text-align:center;vertical-align:top;">

515
<span style="display:inline-block;width:100%;">

516
<a href="FRIEND_LINK"><img src="FRIEND_IMG" style="width:100%;border-radius:8px 8px 0 0;border:1px solid #ddd8ce;display:block;"></a>

517
<span style="display:block;background:#f0ece3;padding:5px 4px;text-align:center;font-size:9px;letter-spacing:2px;color:#8a9e7a;border:1px solid #ddd8ce;border-top:none;border-radius:0 0 8px 8px;text-transform:uppercase;">friend</span>

518
</span>

519
</td>

520
<td style="width:33%;text-align:center;vertical-align:top;">

521
<span style="display:inline-block;width:100%;">

522
<a href="FRIEND_LINK"><img src="FRIEND_IMG" style="width:100%;border-radius:8px 8px 0 0;border:1px solid #ddd8ce;display:block;"></a>

523
<span style="display:block;background:#f0ece3;padding:5px 4px;text-align:center;font-size:9px;letter-spacing:2px;color:#8a9e7a;border:1px solid #ddd8ce;border-top:none;border-radius:0 0 8px 8px;text-transform:uppercase;">friend</span>

524
</span>

525
</td>

526
</tr>

527
</table>

528
</div>

529
</td>

530
531
</tr>

532
</table>

533
534
<div style="text-align:center;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#c4bfb4;padding-top:8px;">free template by @exoreli · credit if using please ♡</div>

535
536
</div>
        

    


            


                                


        

            



                
    

        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!