my pink layout idfk!!

Tags: pink, hearts, webcore, cutecore, homestuck

Description:

change whatever u want!! feel free 2 ask for specific parts of the code or anything u want. if u use it lmk or add me or something. icon is a circle and spins and the first part of the code plays a song but to change that replace the bunch of letters in the link bit with one for whatever u want :)

Preview:

Code:

<!-- (c) Layout created by chazza (https://layouts.spacehey.com/layout?id=36809) --> <iframe width="0" height="0" src="https://www.youtube.com/embed/4zrfkoIsBDw/?&;amp;;autoplay=1&;loop=1&;controls=1" title="Youtube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"> </iframe> <style>* {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym761.ani), url(https://ani.cursors-4u.net/symbols/sym-8/sym761.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2014/03/25/sexy-red-lips.html" target="_blank" title="Sexy Red Lips"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sexy Red Lips" style="position:absolute; top: 0px; right: 0px;"/></a> <style> <style> img:hover , .url-info:hover , .online:hover { animation: shake 1s; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } </style> <style> img:hover , .url-info:hover , .online:hover { animation: shake 1s; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } </style> <style> h1{ animation: type 3s steps(27); color: white; font-size: 10px; font-family: courier; white-space: nowrap; overflow: hidden; } @keyframes type{ 0%{ width:0ch; } 100%{ width:27ch; } } @keyframes blink{ 0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;} } .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> body { background: url(https://media.discordapp.net/attachments/893842696328851528/1134570905499095072/6907bd70db595d8222dac84aab91b6a7.gif?width=808&height=606); } .profile { background: black ; }</style> <style> h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;} h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important; } .online{ color: white!important; } </style> <div class="snowflakes"> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203924975882330/flower5.png" width="50 px"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925219164311/flower4.png" width="50 px"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925445652610/flower3.png" width="50 px"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925890252901/flower1.png" width="50 px"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925659553792/flower2.png" width="50 px"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203924975882330/flower5.png" width="50 px"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925219164311/flower4.png" width="50 px"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925890252901/flower1.png" width="50 px"/></div> </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> <style> @import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap'); main { background-image:url(https://media.discordapp.net/attachments/893842696328851528/1134570905499095072/6907bd70db595d8222dac84aab91b6a7.gif?width=808&height=606); background-size:1000px 1000px; background-attachment:fixed; background-repeat:no-repeat; background-position:center,center; border-style:dashed; border-color:rgba(224, 179, 195, 1); border-width:10px; } body { background-color:rgba(234, 197, 211, 1); } .profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{ background-color:rgba(255, 162, 189, 1); border-radius:5px; border-style:solid; border-color:rgba(255, 139, 173, 1); color:rgb(255,255,255); } nav .links{ background-color: transparent; color: #FF74A4; } details-table td, .details-table td:first-child { background-color:rgba(255, 218, 229, 1); } .profile .blurbs .section h4 { display:none; } .details-table td:first-child { width: 30%; background:none; } .profile .contact, .profile.url-info, .profile .table-section, .home-actions{ color:rgb(255,255,255); } .online { color: #FF74A4; } .blog-preview p a:hover, .blog-preview p a:active, .blog-preview p a:focus{ color: white!important; } .blog-preview p { color:rgb(255,255,255); } } .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 user */ content: "⊗" } .contact .inner a img { font-size: 0; } .contact { color:rgb(255,255,255); } td { background-color: transparent!important; } a{ color: #FF74A4; } p{ color: #FF74A4; } h2,h3,h4, h5 { font-family: 'Noto Serif', serif; font-size:20px; } nav .top{ background-color: transparent; color:#FF74A4; } footer{ color: transparent; } .heading, .url-info, .blurbs, .friends, .table, .table-section, footer{ border: solid 2px #FF74A4; border-radius:5px; } .profile .table-section, .profile .contact, .profile .url-info{ border-color: #FF74A4; border-radius:5px; } .profile .comments-table{ background-color: #E76292; border-radius: 20px; border: 2px solid #FE91B9; box-shadow: inset 2px 3px 5px #FE91B9; font-style: italic; color: white; } .profile .comments-table td{ background-color: transparent; } .profile .comments-table .comment-replies{ background-color: #E76292; border-radius: 20px; border: 2px solid #FE91B9; box-shadow: inset 2px 3px 5px #FE91B9; font-style: italic; color: white; } .comments-table img, .person img{ border-radius: 20px; box-shadow: 1px 1px 2px #AC3862; filter: sepia(100%) hue-rotate(299deg); opacity: .5; } footer{ background-color: transparent; border-radius: 20px; border: 2px solid #FE91B9; font-style: italic; color: white; } .count{ color: #E76292; } </style> <style> body { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoCAAAFgAAACgAAAAgAAAAQAAAAAEACAAAAAAAAAQAAAAAAAAAAAAAAAEAAAAAAAAAAAAAJSEmAJnRyAD+/f4A9/n5AOTL9wC19f8AKysrAPv8+QAgFDsA8Pr3APX39wAdD0EAIBktAPr+/AD7/vwA/P78AP3+/AD79/cAIyAqABwWNgA7L1oAHg0/ACMgIgDEoN4A+/79ALWRzwAgEz8AFxAvAB4YMQAwLzoA9/r4ABoMMgAWECcA+PX+ABoTLwD6+fsAc3t7ABwRPQD4+P4AGhIyAML/9QD8/PsA+fv+APj3+QD5+/YA/v7+AOrM/wAZGR8A+vz8ACQiLwD8/PwA+f/8AP38/AAgHB8A7dn8APv//ABkbnAAHyIfAAEBAQAkGkYAVl5kACUZSQAkGj4A9vn1ABUUHgAkICUA9Pz1APf4+ADz+/gAIx02AP/8/QAzKy8AKCA+AP7//QAiFzcA+v37AOfH/wAaGCQAHxcvAP35/gD7+vMAIRssACAcIQD6//4AKRtNAPj7+QDCwMIAHxc4APb9/AD7+vwA18HoAB0SPgD6/fwAHh0fAP/9/AAeHCIAIBU+APf89wD0+/oAOTU+AP///wD5+/oAHBsdACAiIgAWExsAOGdwAPr++gAkJC0A+/39AP39/QD+/f0ALy8vAB8aMQD4+PsA1rftAPT++wA0RUQAHh4mAEVDSQAZDDgA07LrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAO3BlZWUiAyoxZVYAOgAAAAAAAAAAAAAAAAAAAAAAXiQLa21lZWU1bl1lbhkudwAAAAAAAAAAAAAAAAAAS2gEbUwPDmVlZXQ0EWUPShEDFnMTAAAAAAAAAAAAAABzAGVtZg8OZWU9cjURZWVlWghPLxoAAAAAAAAAAAB2BQBlZQAAMxBlJQZ1WQ9lZ1NlJ1gvLxwAAAAAAAAAABovAGVlYDY1ZWVFY0RUD2UHF2VlAC8vGgAAAAAAAAAABS8vAGVXQm4OZV9vR2VlZVcBZSMvLy8vAAAAAAAAAAAFLy95AGVlbTFlZWVlbmVlZWUoBS8vLwUAAAAAAAAAAAUvLy95ZGVlZWVlZWVlZWVBAC8vLy8vWwAAAAAAAAAAcy8vLy8FAGEyAAAAHh0AAC8vLy8vLy95AAAAAAAAAAA8Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLwkAAAAAAAAAAE4FLy8vLy8vLy8vLy8vLy8vLy8vLy9zAAAAAAAAAAAAAAAvAAAASS8vLy8vLy8vLy8vLy8vWw0AAAAAAAAAAAAAAAAKLVFDAC8vLy8vBQUvLy8vLy8MAAAAAAAAAAAAAAAAAFA5akAALy9bPhUAAHgALy8vLxsAAAAAAAAAAAAAAAAALCkCYgAvLwBzLy8vL3MgLy8vAAAAAAAAAAAAAAAAAAAfKxI4AC9bAAUvLy8vL3NVLy8AAAAAAAAAAAAAAAAAAABIbAAvLy8ABS8vLy8vLwAvLwAAAAAAAAAAAAAAAAAAAAAALy8vL1sALy8vLy8vBS8vAAAAAAAAAAAAAAAAAAAAAAAvLy8vBSYFLy8vLy8vLy9GAAAAAAAAAAAAAAAAAAAAAC8vLy8vLxQvLy8vLy8vcwAAAAAAAAAAAAAAAAAAAAAAeS8vLy8vN1wYLy8vL3MhAAAAAAAATQAAAAAAAAAAAAAALy8vLy8vLxppUnEwAAAAAAAAAE0ATQAATU0AAAAAAAAvLy8vLy8veQAAAAAAAAAAAAAAAE0AAE0AAE0AAAAAAHkvLy8vLy83AAAAAAAAAAAAAAAAAAAATQAATQAAAAAAAHMvLy8vLzcAAAAAAAAAAAAAAE1NTQAATU0AAAAAAAAAcy8vLy8veQAAAAAAAAAAAABNAAAATQAAAAAAAAAAAAAALy8vLy9zAAAAAAAAAAAAAE0AAABNAABNAAAAAAAAAABzLy8vLz8AAAAAAAAAAAAATQAAAE0ATQBNAAAAAAAAAAAveS8vAAAAAAAAAAAAAAAATU1NAAAATQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/+AP//8AA//+AAB/+AAAP/AAAB/gAAAfwAAAD8AAAA/AAAAPwAAAD8AAAA/gAAAf4AAAH/AAAD/4AAB/+AAAf/gAAH/4AAB//AAAf/8AAH//AAB//wAAf/8AAP3/gAH6z4Af/beAH/+3wB/4z8Af93/gH/dv4D/3V/A/+O/4f/'), auto; } h1 { font-family: 'Noto Serif', serif; color: #FF74A4; font-size:40px; } </style> <style>.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/111.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style> <style> @keyframes spin{ from{ transform:rotate(0deg); } to{ transform:rotate(-360deg); } } .general-about .profile-pic img{ border-radius: 50%; animation: spin 7s infinite linear; } </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.