pink kawaii profile

Tags: kawaii, pastel, pink, cats, cute, glitter

Description:

PLEASE READ FIRST : i was super inspired by the layouts that Cory posted today so i used some of the codes he shared to create the kawaii profile! (i'll post pictures of it later when i get home.) feel free to use it or any of my other ones but it'd be really cool if you could leave a comment or consider adding me so i can see it! also you're more than welcome to change whatever! (reach out if you need any help!) ^-^

Preview:

Code:

<!-- (c) Layout created by ash lynx (https://layouts.spacehey.com/layout?id=294) --> <style> :root { --yourBackground: url(https://gifimage.net/wp-content/uploads/2017/10/cute-animated-gif-backgrounds-3.gif); --pageTexture: url(https://media.giphy.com/media/xT4ApcUu88wApN5kwE/giphy-downsized.gif); --nameSticker: url('http://media2.giphy.com/media/45RmW47RpKheo/giphy.gif'); --blurbSticker: url('https://media.giphy.com/media/JoaeMGYYkHpC/giphy.gif'); --interestSticker: url('http://33.media.tumblr.com/9399e5e1fa6f95c895a501b8226121bd/tumblr_nr4f0wy65q1updbngo1_250.gif'); } .profile { font-family: 'Space Mono', monospace; } .profile .left h1 { font-family: 'Imbue', serif; } .profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 { font-family: 'Imbue', serif; } body { background-image: var(--yourBackground); background-size: cover; background-attachment: fixed; } main { background-color: #F1B9E377; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(25px); margin-top: 2rem; margin-bottom: 2rem; } .profile a { transition: all .1s!important; } .profile a:hover, .profile a:hover p { background: var(--linkTexture)!important; ; color: #FFF!important; text-shadow: 1px 1px 0 #000!important; ; } .profile .left h1 { text-transform: uppercase; font-size: 3rem; color: #FFF; text-shadow: 3px 3px 0 #67337C; } .profile .left h1:before { background-image: var(--nameSticker); background-size: cover; background-repeat: no-repeat; background-position: center; display: block; height: 100px; width: 100px; content: " "; transform: rotate(-4deg) scale(1.7); position: absolute; z-index: -1; } .profile .right .blurbs { position: relative; } .profile .right .blurbs:after { background-image: var(--blurbSticker); background-size: cover; background-repeat: no-repeat; background-position: center; display: block; height: 100px; width: 100px; content: " "; transform: rotate(-4deg) scale(2) translateY(-2rem); position: absolute; right: 0; z-index: -1; } .profile .left .table-section:nth-last-child(2):before { background-image: var(--interestSticker); background-size: cover; background-repeat: no-repeat; background-position: center; display: block; height: 100px; width: 100px; content: " "; transform: rotate(-4deg) scale(1.7) translateX(-3em) translateY(2.5em); position: absolute; z-index: -1; } </style> <style> html:before { animation: grain 8s steps(10) infinite; background-image: url(http://3.bp.blogspot.com/-gxCxKVqB4hQ/USm67ziql0I/AAAAAAAAMdE/C74OloiMUcM/s1600/flowernew.png); content: ""; height: 300%; left: -50%; opacity:.2; position: fixed; top: -110%; width: 300%; pointer-events:none; } @keyframes grain { 0%, 100% { transform:translate(0, 0) } 10% { transform:translate(-5%, -10%) } 20% { transform:translate(-15%, 5%) } 30% { transform:translate(7%, -25%) } 40% { transform:translate(-5%, 25%) } 50% { transform:translate(-15%, 10%) } 60% { transform:translate(15%, 0%) } 70% { transform:translate(0%, 15%) } 80% { transform:translate(3%, 35%) } 90% { transform:translate(-10%, 10%) } } :root { --logo-blue: #ffc0cb; --darker-blue: #eb8dff; --lighter-blue: #c0ebff; --even-lighter-blue: #eb8dff; --lightest-blue: #eb8dff; --dark-orange: #eb8dff; --light-orange: #eb8dff; --even-lighter-orange: #c0ebff; --green: #c0ebff; } * { font-family: Monospace; } .blog-preview p { background-color: none; padding: 5px 10px; border-radius: 10px; color: black; } .blog-preview p a{ color: #eb8dff !important; } .blog-preview p a:hover, .blog-preview p a:active, .blog-preview p a:focus{ color: white!important; } nav { border-radius: 15px 15px 0 0; overflow: hidden; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions { border: none; } table.details-table { border-collapse: collapse; } table.details-table td { background-color: transparent !important; } .profile-pic { border-radius: 500px; overflow: hidden; } .heading { padding: 5px 0 !important; margin-top: 15px; margin-bottom: 10px; background-color: transparent !important; color: #2a2a2a !important; border-bottom: 2px solid; } main { border-radius: 0 0 15px 15px; background: rgba(248, 218, 255, 0.70) !important; } .container { border-radius: 0 0 15px 15px; margin-top: 30px; padding: 10px; } footer { border-radius: 15px; background: rgba(248, 218, 255, 0.70) !important; display: block !important; } table.comments-table td { background-color: rgba(248, 218, 255, 0.50) !important; } .comments-table td:first-child img { width: 80px; border-radius: 1px; } .profile .friends .person img { border-radius: 500px; } .friends-grid img{ opacity(50%) border-radius: var(--curve) filter: color:; .blog-preview p { font-size: 1.4rem; } a.addme { font-size: 2rem; font-weight: bold; margin-bottom: 15px; display: block; </style> <style> .friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img { border: 0px dotted gray !important; outline: none !important; } </style> <style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-3/cur273.cur), auto !important;}</style> <style> .online{content:url("http://www.myspacegens.com/images/online_now/111.gif");} </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.