Personal pink Layout

Tags: pink, cute, simple

Description:

Just making this because I actually really like how this came out, and I want to save it for later ignore how messy the code is that's just how I did it lmao, Uhhh if you want to use it, you don't have to bother crediting me.

Preview:

Code:

<!-- (c) Layout created by ♡𝔫𝔞𝔫𝔫𝔞♡/𝔯𝔬𝔞𝔠𝔥 (https://layouts.spacehey.com/layout?id=99425) --> <style> main:before { width: 100%; height: 300px; display: block; content: "I've been Watching You"; background-image: url('https://files.catbox.moe/zkjeip.webp'); background-position: center center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 200px; } } .table-section { height: 460px; overflow-y: auto; border: none!important; } <style> body::before { } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes float { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 8px); } 100% { transform: translate(0, -0px); } </style> <style>.container{width: 900px !important;}</style> <style>.profile{ direction: rtl; } .blurbs{ direction: ltr; } .blog-preview{ direction: ltr; } .friends{ direction: ltr; } .general-info{ direction: ltr; } .contact{ direction: ltr; } .url-info{ direction: ltr; } .details-table{ direction: ltr; } .profile .table-section .heading{ direction: ltr; } .details p{ direction: ltr; } .mood{ direction: ltr; } h1{ direction: ltr; } </style> <style>.top{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important;}</style> <style> nav img.logo { content:url("https://media.discordapp.net/attachments/857624184989679626/1106952619576000602/450_Sem_Titulo_20230513113402.png"); } </style> <style> .profile-info { color: white !important; background-image: url('https://files.catbox.moe/ttlwfy.webp'); background-size: cover; background-position: center; border: 0px solid white; box-shadow: 0px 0px 10px black; height: 100px } :root { --logo-blue: #ffb9c9; --darker-blue: #2e14ae; --lighter-blue: #f83f6a; --even-lighter-blue: #f83f6a; --lightest-blue: #f83f6a; --dark-orange: #571831; --light-orange: #ffe0ec; --even-lighter-orange: #f83f6a; --green: #f83f6a; } body{ background-color: color !important; background-image: url('https://lifted.crd.co/assets/images/gallery11/c6b8d2a2.png?v=540c5116') !important; background-attachment: fixed !important; background-repeat: repeat !important; background-position: top left !important; } main { background-color: rgb(255,180,198,.9); color:; .contact .inner a img { 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> body { font-family: Courier New; font-size: 13pt; font-weight: bold; font-style: normal; text-decoration: none; }</style> <style>h1{color: #f83f6a;}</style> <style> .profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/tumblr_lp8mc0LlpO1qapbyt.gif); width: auto; height: 60px; background-position: top center; background-size: 100%; background-repeat: no-repeat;} .profile .url-info p {text-align: center;} </style> <style> footer{ background-color: color !important; background-image: url('https://i.pinimg.com/564x/2b/86/75/2b867512edf9e5f066fb84aff04d275d.jpg') !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-position: top left !important; background-size: cover !important; } </style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.