Pink goes into “about me” Green goes into “who id like to meet” Artist - Album Artist - Album Artist - Album Artist - Album Artist - Album Artist - Album Artist - Album Artist - Album Artist - Album

« Dreams and the Supernatural Forum

udosohflsehdflshdkfhs

Posted by ᶻ 𝗓 𐰁🍰🍥EKKO!!>w<🥩🦴𐰁𝗓 ᶻ

posted 1753733788

Forum: Dreams and the Supernatural

View Topics View Profile

Pink goes into “about me”

<style>

body {

background:url(https://www.publicdomainpictures.net/pictures/40000/t2/black-background-1365087945eJf.jpg);

}

</style>

<style>

.profile {

background:black;

}

</style>

<style>

.profile .blurbs .heading,

.profile .friends .heading {

background-color:#0349fc;

}

</style>

<style>

.profile .contact .heading,

.profile .table-section .heading {

background-color:black;

}

</style>

<style>

.profile .contact,

.profile .table-section {

border-color:black;

}

</style>

<style>

main .left {

background-color:#0349fc ;

}

</style>

<style>

.profile .url-info{

border-color: black;

}

</style>

<style>

.profile .contact {

border-color: black;

}

</style>

<style>

nav .top {

background-color:black;

}

</style>

<style>

..profile .table-section .heading {

border-color:#bdd2ff;

}

</style>

<style>

.details-table td * {

color:transparent;

}

</style>

<style>

.profile .friends .heading h4 {

color:black;

}

</style>

<style>

nav .links {

background-color:#0349fc;

}

</style>

<style>

.profile .blurbs .heading h4 {

color:black;

}

</style>

<style>

.details-table td {

background:#bdd2ff;

}

</style>

<style>

.details-table td * {

border-color: #bdd2ff;

}

</style>

<style>

.details-table td * {

color: black;

}

</style>

<style>

.profile .friends .inner {

color:#0349fc;

}

</style>

<style>

.profile .blurbs .inner {

color:#0349fc;

}

</style>

<style>

</style>

<style>

.profile .blurbs .inner {

color:#0349fc;

}

</style>

<style>

h4 {

color:;

}

</style>

<style>

div .blog-preview {

background:#0349fc;

}

</style>

<style>

a {

color:#bdd2ff;

}

</style>

<style>

.profile .contact .heading {

color:#0349fc;

}

</style>

<style>

.profile .table-section .heading {

color:#0349fc;

}

</style>

<style>

.comments-table td:first-child {

background:url();

}

</style>

<style>

.comments-table td {

background:black;

}

</style>

<style>

.comments-table td {

border-color:#0349fc;

}

</style>

<style>

table.comments-table {

border-color:#0349fc;

}

</style>

<style>

footer {

background:black;

}

</style>

<style>

footer {

color:#0349fc;

</style>

<style>

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "my friendz"; font-size:.8rem; font-weight:bold; color:black; }

</style>

<style>

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "commentz"; font-size:.8rem; font-weight:bold; } </style>

<style>

.details-table td:first-child {

background-color:#bdd2ff;

}

</style>

<style>

.profile .table-section .heading h4 { font-size:0; }

.profile .table-section .heading h4:before{ content: "kool stuffz"; font-size:.8rem; font-weight:bold; } </style>

<style>

.blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "me!!"; font-size:.8rem; font-weight:bold; color:black; }

</style>

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* Add to Friends */

content: "ᗢ"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* Add to Favorites */

content: "ᗢ"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* Send Message */

content: "ᗢ"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* Forward to Friend */

content: "️ᗢ"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* Instant Message */

content: "ᗢ"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* Block User */

content: "ᗢ"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* Add to Group */

content: "ᗢ"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* Report Profile */

content: "ᗢ"

}

</style>

<style>

#music {

position: fixed;

bottom: 10px;

left: 10px;

width: 0px;

transition: 0.5s width;

}

#music:hover {

width: 0px;

}

</style>

<style>

.general-about .profile-pic img{

clip-path: polygon(49% 28%, 89% 0, 87% 46%, 100% 79%, 76% 100%, 18% 100%, 0 76%, 11% 44%, 11% 0);

}

</style>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed;

top: 0;

left: 0;

z-index: 100;

background-image: url(https://c.tenor.com/1kl6VQZBxkkAAAAC/tenor.gif);

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1.5s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>

<style>

table.comments-table{

display: block;

height: 400px!important;

overflow-y: scroll;

}

</style>

<style>

/*flip profile*/

.profile{

direction: rtl;

}

.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{

direction: ltr;

}

</style>

</iframe>

width: 100%;

height: 200px ;

display: block;

content: "";

background-image: url('https://files.catbox.moe/sg062g.webp');

background-position: center center;

background-size: cover;

}

@media only screen and (max-width: 600px) {

main:before{

height: 300px;

}

}</style>

<style>

.profile .friends .person img {

border-radius: 500px;

}

</style>

</div>

<style>

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

</style>

Green goes into “who id like to meet”

<style>

align: center

#vinyl-gallery * {

all: unset;

}

#vinyl-gallery {

all: initial!important;

width: 100%!important;

height: 230px!important;

margin: 30px 0!important;

display: flex!important;

flex-direction: row!important;

position: relative!important;

margin-left: -6px!important;

}

#vinyl-gallery .vinyl {

all:unset!important;

perspective: 500px !important;

width: 18px!important;

transition: width 0.5s!important;

}

#vinyl-gallery .vinyl:hover {

width: 148px!important;

}

#vinyl-gallery img {

all:unset!important;

transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;

width: 180px!important;

height: 180px!important;

transform: rotateX(0deg) rotateY(25deg)!important;

transform-style: preserve-3d!important;

border-radius: 4px!important;

border: 2px solid rgba(0, 0, 0, 0.1)!important;

object-fit: cover!important;

}

#vinyl-gallery .vinyl:hover img {

transform: rotateX(0deg) rotateY(10deg)!important;

width: 188px!important;

height: 188px!important;

margin-top: -2px!important;

}

#vinyl-gallery .title {

color: #000000;

display: block;

visibility: hidden;

position: absolute;

bottom: 0px;

text-align: center;

width: 100%;

padding-left: 6px;

}

#vinyl-gallery .vinyl:nth-child(n):hover + .title {

visibility: visible;

}

</style>

</div>